/* CSS Document */
html { margin: 0; }
body { margin: 0;
font-size: 11px;
line-height: 1.4em;
font-family: Verdana, Arial;
color: #2f2f2f;
background-color : #fee990;
}
#page-body { width: 980px;
margin: 0 auto;
}
/* Common types */
h1, h2, h3 { margin: 0.4em 0 1em 0; padding: 0; font-weight: bold; }
h1 { margin-top: 2em; font-size: 1.45em; color: #588d07; letter-spacing: -1px; padding-bottom: 3px; border-bottom: solid 1px #588d07; }
h2 { margin-top: 0; font-size: 1.15em; color: #004894;}
h3 { margin-top: 0; font-size: 1.0em; color: #004894; }
a { font-weight: bold; }
a:link, a:visited {color: #5a8c05; text-decoration: underline; }
a:hover, a:active {color: #5a8c05; text-decoration: none; }
p { text-align: justify; margin: 0 0 1em 0; line-height: 1.5em; }
p.noMargin { margin: 0; }
em { font-weight: normal; font-style: italic; }
strong { font-weight: bold; font-style: normal; }
p.instructions { font-size: 0.8em; margin: 0; }
ul { padding: 0; margin: 0em 0 1em 25px; }
ul li { list-style-type: square; line-height: 1.8em; }
/* Formulaires */
.formulaire { }
.formulaire .champ { font-weight: bold; margin-bottom: 0; }
.formulaire .instructions { margin: 0 0 0 2em; font-size: 0.9em; padding: 3px; }
.formulaire .donnee, .donnee-requise { font-weight: normal; margin: 0 0 1em 2em; display: block; }
.formulaire .donnee-requise input { background-color: #ffffbb; }
.formulaire .donnee-requise select { background-color: #ffffbb; }
.formulaire .donnee-requise textarea { background-color: #ffffbb; }
.formulaire .donnee .champ, .formulaire .donnee-requise .champ { margin-top: 1em;}
/* Page shadow (left & right) */
div.shadow { background-color: White; background-image: url(../images/common/drop.png); background-repeat: repeat-y; padding: 0 30px; }
/* Header */
#header { clear: both; height: 85px; padding: 0; margin: 0; background-color: white; }
#header a { border: none; }
#header a img { border: none; }
/* Menu */
#menu { padding-left: 34px; margin: 0; clear: both; height: 30px; background-image: url(../images/common/menu-bg.png); background-repeat: repeat-x; background-position: 0 0px; }
#menu ul {
list-style-type: none;
clear: both;
}
#menu ul li {
float: left;
line-height: 1.4em;
}
#menu ul li a, #menu ul li a:hover {
display: block;
padding: 7px 12px 8px 12px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
}
#menu ul li ul {
margin:0;
list-style-type: none;
padding: 0 0 6px 0;
background-image: url(../images/common/smenu-bottom.png); background-repeat: no-repeat; background-position: bottom left;
}
#menu ul li ul li
{
list-style-type: none;
background-image: url(../images/common/smenu-bg.png); background-repeat: repeat-y;
}
#menu ul li ul li a, #menu ul li ul li a:hover
{
padding: 4px 12px 4px 12px;
font-size: 1.05em;
}
body.menu-home .shadow #menu ul li a.menu-home,
body.menu-camping .shadow #menu ul li a.menu-camping,
body.menu-houses .shadow #menu ul li a.menu-houses,
body.menu-sitemap .shadow #menu ul li a.menu-sitemap,
body.menu-albums .shadow #menu ul li a.menu-albums,
body.menu-partners .shadow #menu ul li a.menu-partners,
body.menu-contact .shadow #menu ul li a.menu-contact,
#menu ul li a:hover {
background-color: #2472c5; }
#menu ul li ul li a:hover {
background-color: #69a905; }
/* Header image */
#header-image { clear: both; margin: 0; padding: 0; background-image: url(../images/common/header-photo.2010.02.18.jpg); height: 155px; }
/* Header break */
#header-break { clear: both; margin: 2px 0 20px 0; padding: 0; background-color: #051628; height: 8px; }
/* Content */
form { margin: 0; padding: 0; }
#page { clear: both; margin: 0; padding: 0 20px; background-color: White; }
#page #content { float: left; width: 680px; padding-right: 10px; }
#page #rightbar { border-left: solid 1px #598d07; float: left; width: 160px; padding: 0 10px; }
#page #rightbar h3 { background-image: url(../images/common/btSection.png); background-repeat: no-repeat; width: 170px; height: 26px; padding: 4px 0px 0 10px; color: #024692; margin-bottom: 3px; }
#page #rightbar .box { margin: 0 1px 1.5em 0; padding: 10px 9px; border: solid 1px #024593; width: 149px; }
#page #rightbar #partners { height: 100px; position: relative; vertical-align: middle; text-align: center; }
#page #rightbar #partners a { }
#page #rightbar #partners a img { border: 0; height: 100px; display: none; position: absolute; top: 10px; left: 8px; }
#page #rightbar .affiliations { margin: 0 1px 0 0; padding: 10px 9px; border: none; width: 149px; text-align: center; }
#page #rightbar .affiliations img { border: 0; margin-bottom: 2em; }
#page #rightbar #depliant { text-align: center; }
#page #rightbar #depliant img { display: block; border: solid 1px black; margin: 0 auto; }
/* Footer */
#footer { clear: both; margin: 0; color: white; text-align: center; padding: 5px 0 0 0; font-size: 1em; background-image: url(../images/common/footer.png); background-repeat: no-repeat; width: 960px; height: 28px; }
/* Printing */
.printOnly { display: none; }
.screenOnly { }
/* Session msgs */
div.sessionMsg { border: solid 1px #2d5b77; background-color: #ffffff; padding: 5px 5px 5px 45px; margin: 1em 0 1em 0; color: #000000; font-weight: normal; font-size: 1em; background-image: url(../images/common/session_info.gif); background-repeat: no-repeat; background-position: 5px 5px; min-height: 32px; height:auto !important; height:32px; line-height: 1.5em; }
/*****************************************************************************/
/* Pages */
/*****************************************************************************/
/* 404 */
h1 span.error-404 { color: #004894; }
/* Homepage */
#home-layout { border: none; padding: 0; margin: 0; }
#home-layout tr { vertical-align: top; }
#home-layout td { }
#home-photo { background-image: url(../images/common/homephoto-bg.png); background-repeat: no-repeat; width: 320px; height: 215px; padding-right: 5px;}
#home-photos { height: 215px; position:relative; }
#home-photos img { width: 285px; height: 184px; display: none; position: absolute; top: 8px; left: 17px; }
#home-shortcuts { text-align: center; }
#home-shortcuts a { border: none; }
#home-shortcuts a img { border: none; }
#home-shortcuts a img.camping { margin: 0 4px 0 0; }
#home-shortcuts a img.maisons { margin: 0 0 0 4px }
#home-greeting { border-left: solid 1px #598d07; padding: 0 10px; }
/* Camping */
/* Activités */
#camping-activites h2 { }
#camping-activites span.nouveau { text-transform:uppercase; font-weight: bold; }
#camping-activites ul { }
#camping-activites ul li { list-style-type:disc; }
/* Calendrier */
#camping-calendrier .Calendrier { border-color: #000000; }
#camping-calendrier .Calendrier .Titre { color: #ffffff; background-color: #004894; font-size: 11px; font-weight: bold; text-align: center; }
#camping-calendrier .Calendrier .Titre TD { color: #ffffff; background-color: #004894; font-size: 11px; font-weight: bold; text-align: center; text-transform:capitalize; }
#camping-calendrier .Calendrier .Jour { border: solid 1px black; height: 50px; }
#camping-calendrier .Calendrier .JourFDS { background-color: #eeeeee; }
#camping-calendrier .Calendrier .JourTitre { border: solid 1px black; color: #000000; background-color: #ffffff; text-align: center; text-transform:capitalize; }
#camping-calendrier .Calendrier .SuivantPrecedent { }
#camping-calendrier .Calendrier .Jour .Evenement { text-align: center; padding: 5px; }
#camping-calendrier .Calendrier .Jour .Evenement p { text-align: center; }
#camping-calendrier .Calendrier .Jour .Evenement img { text-align: center; border: none; border: solid 1px black; }
/* Comité de loisirs */
#camping-comite-loisirs { }
#camping-comite-loisirs .membres { width: 100%; }
#camping-comite-loisirs .membres th { font-weight: bold; background-color: #598d07; color: White; padding: 3px; text-align: left; }
#camping-comite-loisirs .membres tbody td { vertical-align: top; padding-bottom: 1em; }
#camping-comite-loisirs .membres tbody .alternate td { background-color: #f2f2f2; }
#camping-comite-loisirs .membres tbody tr { }
#camping-comite-loisirs .membres tbody .nom { width: 60%; font-weight: bold; }
#camping-comite-loisirs .membres tbody .nom img { float: left; width: 150px; border: solid 1px #598d07; margin: 0 10px 1em 0; }
#camping-comite-loisirs .membres tbody .fonction { width: 20%; }
#camping-comite-loisirs .membres tbody .site { width: 20%; }
/* Prix et politiques */
#camping-prix { }
#camping-prix #tarifs { margin-bottom: 1em; }
#camping-prix #tarifs table.prix { border: solid 1px #598d07; margin-bottom: 1em; width: 100%;}
#camping-prix #tarifs table.forfait { margin: 1em auto; width: 80%; }
#camping-prix #tarifs table.prix tr { border: solid 1px black; }
#camping-prix #tarifs table.prix td { padding: 3px; white-space: nowrap; }
#camping-prix #tarifs table.prix th { padding: 4px; font-weight: bold; background-color: #598d07; color: White; white-space: nowrap; }
#camping-prix #tarifs table.prix th.amperages {width: 180px; }
#camping-prix #tarifs table.prix th.bordure-droite { border-right: solid 1px white; }
#camping-prix #tarifs table.prix th.forfait { background-color: #004894; color: White; text-align: center; }
#camping-prix #tarifs table.prix th.forfait-detail { background-color: white; color: black; text-align: left; font-weight: normal; padding: 1em 2em; }
#camping-prix #tarifs table.prix th.amperage { background-color: #888888; color: White; text-align: center; }
#camping-prix #tarifs table.prix th.nuitee { background-color: #888888; color: White; }
#camping-prix #tarifs table.prix th.acompte { background-color: #888888; color: White; }
#camping-prix #tarifs table.prix th.forfaits { background-color: #598d07; color: White; }
#camping-prix #tarifs table.prix td.prix { width : 15%; text-align: right; border-right: dotted 1px black; }
#camping-prix #tarifs table.prix td.forfait { font-weight: bold; font-size: 1.1em; text-align: center; }
#camping-prix #tarifs table.prix td.parnuit { width : 15%; text-align: right; border-right: solid 1px black; font-size: 0.9em; font-style: italic; }
#camping-prix #tarifs table.prix td.nuitee,
#camping-prix #tarifs table.prix td.type { text-align: right; border-right: solid 1px #598d07; }
#camping-prix #tarifs table.prix td.acompte { text-align: right; background-color: #888888; color: White; border: none; }
#camping-prix #tarifs table.prix tfoot td { text-align: center; padding: 3px; border-top: solid 1px black; }
#camping-prix #tarifs table.prix td.bordure-bas { border-bottom: solid 1px black; }
#camping-prix ul.clauses { margin-bottom: 2em; }
#camping-prix ul.clauses li { list-style-type: disc; }
/* Sites disponibles */
#camping-sites-disponibles { }
#camping-sites-disponibles .sites { width: 100%; }
#camping-sites-disponibles .sites th { vertical-align: top; font-weight: bold; background-color: #598d07; color: White; padding: 3px; text-align: left; }
#camping-sites-disponibles .sites tbody td { vertical-align: top; padding-bottom: 1em; white-space: nowrap; }
#camping-sites-disponibles .sites tbody .alternate td { background-color: #f2f2f2; }
#camping-sites-disponibles .sites tbody tr { }
#camping-sites-disponibles .sites tbody .site { width: 10%; }
#camping-sites-disponibles .sites tbody .ombre { width: 15%; }
#camping-sites-disponibles .sites tbody .ombre,
#camping-sites-disponibles .sites tbody .eau,
#camping-sites-disponibles .sites tbody .electricite,
#camping-sites-disponibles .sites tbody .egout
{ text-align: center; }
#camping-sites-disponibles .sites tbody .description { width: 60%; white-space: normal; vertical-align: top; }
#camping-sites-disponibles .sites tbody .photo img { float: left; width: 100px; border: solid 1px #598d07; margin: 0 10px 1em 0; }
/* Maisons unimodulaires */
#maisons-modulaires #photos { text-align: center; }
#maisons-modulaires #photos img{ border: solid 1px #598d07; margin: 5px; }
/* Plan */
#plan-domaine { text-align: center; }
#plan-domaine img{ border: none; }
/* Album photos */
#album-photos { }
#album-photos div.index { float: left; width: 180px; padding: 0px; }
#album-photos div.index h3 { background-image: url(../images/common/btSection.png); background-repeat: no-repeat; width: 170px; height: 26px; padding: 4px 0px 0 10px; color: #024692; margin-bottom: 3px; }
#album-photos div.index .box { margin: 0 1px 1.5em 0; padding: 10px 9px; border: solid 1px #024593; width: 149px; }
#album-photos div.index .box a { margin: 0 0 0 2em; list-style-type: square; display: list-item; }
#album-photos div.album { float: left; width: 400px; padding: 10px 10px; border-left: solid 1px #588d07;}
#album-photos div.album img { border: solid 1px #588d07; }
/* Partners */
#partner-page div.partner { padding: 0; margin: 0 1em 2em 1em; vertical-align: top; clear: both; }
#partner-page div.partner img { border: none; margin: 0em 1em 1em 1em; float: right; }
#partner-page div.partner h2 { background-color: #588d07; color: White; padding: 3px; margin: 0 0 1em 0; }
#partner-page div.partner p { padding: 0 1em; }
#partner-page div.partner p.website { text-align: right; clear: both; }
/* Contact us */
.formulaire-dynamique { margin: 0; float: right; }
.formulaire-dynamique img { border: none; }
#contact { padding: 0; margin: 0 0 1em 0; vertical-align: top; }
#contact tr { vertical-align: top; }
#contact .phone-desc { text-align: left; font-weight: bold; padding: 0; margin: 0; }
#contact .phone { text-align: right; padding: 0; margin: 0; }
#trajet #map_canvas { width: 375px; height: 400px; float: left; margin: 5px 0 0 0; padding: 0; border: solid 1px black; }
#trajet #directions { width: 300px; float: left; display: none; margin: 0; padding: 0; }
#trajet #directions #directive { padding: 2px; margin: 0; }
#formulaire-dynamique { margin: 2em; clear: both; }
.formulaire-contact { }
.formulaire-contact p.title { font-weight: bold; margin: 0; }
.formulaire-contact p.data { margin: 0 0 1em 0; }
.formulaire-envoye { border: solid 1px #588d07; padding: 5px; }