#page {
border : 0;
color : black;
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 1em;
height : 600px;
margin-top : 0;
margin-right : auto;
margin-bottom : 1em;
margin-left : auto;
padding : 0;
text-align : left;
width : 911px;
}
html>body #page {
height : auto;
margin-bottom : 1em;
min-height : 500px;
}
#pic1 {
display : inline;
}
#pic2 {
display : none;
}
table {
border : 0;
border-collapse : collapse;
width : 100%;
}
body {
background-color : white;
color : black;
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 1em;
}
.advert {
background-color : #ffffd0;
border : 0.2em dashed gray;
font-size : 12pt;
font-weight : bold;
padding : 1em 0 1em 0;
text-align : center;
}
.aqualine {
background-color : aqua;
line-height : 0.1em;
margin : 2em;
}
.annee {
background-color : gray;
color : #00ccff;
font-size : 90%;
font-weight : bold;
padding : 0.4em 2em 0.4em 2em;
}
.avec {
background-color : gray;
font-family : serif;
font-weight : bold;
padding : 0 1em 0 1em;
margin-left : 1em;
vertical-align : top;
}
.bannerl {
background-color : gray;
font-weight : bold;
font-size : 150%;
line-height : 50px;
padding : 0 0 0 20px;
text-decoration : none;
}
.bannerc {
background-color : gray;
font-weight : bold;
font-size : 150%;
line-height : 50px;
padding : 0 20px 0 20px;
text-align : center;
text-decoration : none;
}
.bannercred {
background-color : gray;
color : #cc9933;
font-weight : bold;
font-size : 150%;
line-height : 50px;
padding : 0 20px 0 20px;
text-align : center;
text-decoration : none;
}
.bannerr {
background-color : gray;
font-weight : bold;
font-size : 150%;
line-height : 50px;
padding : 0 20px 0 0;
text-align : right;
text-decoration : none;
}
.blueline {
background-color : #3333ff;
line-height : 2px;
margin : 0 175px 1em 175px;
}
.box {
border : 3px double #00cc66;
background-color : #ffffcc;
color : #00cc66;
margin : 1em 0 1em 0;
width : 275px;
}
.boxmenu {
border : 3px double #00cc66;
background-color : #ffffcc;
color : #00cc66;
margin : 1em auto 1em auto;
padding : 1em;
text-align : center;
width : 600px;
}
.boxtop {
color : #00cc66;
font-size : 125%;
font-weight : bold;
margin : 1em 0 0 0;
padding : 14px 0 7px 14px;
text-decoration : none;
}
a.boxtop:hover {
color : aqua;
font-size : 125%;
font-weight : bold;
margin : 1em 0 0 0;
padding : 14px 0 7px 14px;
text-decoration : none;
}
.boxmid {
color : #00cc66;
font-size : 125%;
font-weight : bold;
margin : 1em 0 0 0;
padding : 14px 1em 7px 14px;
}
.boxlow {
color : #00cc66;
font-size : 125%;
font-weight : bold;
margin : 0 0 14px 0;
padding : 7px 0 14px 28px;
}
.boxbot {
color : #00cc66;
font-size : 125%; 
font-weight : bold;
margin : 0 0 14px 0;
padding : 7px 0 14px 14px;
}
.boxwide {
border : 3px double #00cc66;
background-color : #ffffcc;
color : #00cc66;
margin : 1em 0 1em 0;
padding : 1em;
}
.button {
background-color : silver;
border : 3px outset #00cc66;
color : black;
font-weight : bold;
padding : 5px;
text-decoration : none;
}
a.button:hover {
background-color : silver;
border : 3px inset #cc0066;
font-weight : bold;
padding : 5px;
text-decoration : none;
}
.c {
margin : 0 150px 0 150px;
}
.caption {
background-color : silver;
border : 1px solid #00cc33;
color : #0066cc;
font-weight : bold;
font-size : 85%;
padding : 8px 1em 8px 1em;
margin : 2em 0 0 0;
}
.captionc {
background-color : silver;
border : 1px solid #00cc33;
color : #0066cc;
font-weight : bold;
font-size : 85%;
padding : 8px 1em 8px 1em;
margin : 2em 0 0 0;
text-align : center;
}
.captionr {
background-color : silver;
border : 1px solid #00cc33;
color : #0066cc;
font-weight : bold;
font-size : 85%;
padding : 8px 1em 8px 1em;
margin : 2em 0 0 0;
text-align : right;
}
.clr {
clear : both;
}
.copy {
color : gray;
font-size : 8pt;
margin-top : 1em;
text-decoration : none;
}
a.copy:hover {
color : #00ccff;
font-size : 8pt;
margin-top : 1em;
text-decoration : none;
}
.ctr {
text-align : center;
}
.detail {
border : 3px double #00cc66;
font-weight : bold;
padding : 1em;
text-align : center;
}
.dot {
border : 0;
margin : 1em;
padding : 1em;
vertical-align : top;
}
.eaoe {
color : gray;
cursor : help;
font-size : 8pt;
padding : 20px 0 0 0;
text-align : center;
text-decoration : none;
}
.example {
background-color : #ffffd0;
color : black;
font-size : 12pt;
font-weight : bold;
padding : 1em;
text-align : center;
text-decoration : none;
}
a.example:hover {
background-color : #ffffd0;
color : #00ccff;
font-size : 12pt;
font-weight : bold;
padding : 1em;
text-align : center;
text-decoration : none;
}
.foot {
background-color : gray;
font-size : 150%;
font-weight : bold;
margin : 10px;
padding : 10px;
text-transform : lowercase;
}
.foota {
background-color : gray;
color : black;
font-weight : bold;
margin : 1em;
padding : 0 1em 0 1em;
text-align : center;
text-decoration : none;
text-transform : lowercase;
}
.foota:hover {
background-color : gray;
color : #00cc66;
font-weight : bold;
margin : 1em;
padding : 0 1em 0 1em;
text-align : center;
text-decoration : none;
text-transform : lowercase;
}
.footc {
background-color : gray;
font-size : 150%;
font-weight : bold;
margin : 10px;
padding : 10px;
text-align : center;
text-transform : lowercase;
}
.footcred {
background-color : gray;
color : #ff0066;
font-size : 150%;
font-weight : bold;
margin : 10px;
padding : 10px;
text-align : center;
text-transform : lowercase;
vertical-align : middle;
}
.footcteal {
background-color : gray;
color : aqua;
font-size : 150%;
font-weight : bold;
margin : 10px;
padding : 10px;
text-align : center;
text-transform : lowercase;
vertical-align : middle;
}
.footl { 
background-color : gray;
font-size : 150%;
font-weight : bold;
margin : 10px;
padding : 10px;
text-transform : lowercase;
}
.footr { 
background-color : gray;
font-size : 150%;
font-weight : bold;
margin : 10px;
padding : 10px;
text-align : right;
text-transform : lowercase;
}
.footer {
background-color : gray;
color : black;
font-weight : bold;
line-height : 3em;
padding : 0 1em 0 1em;
text-align : center;
text-decoration : none;
text-transform : lowercase;
}
.footerbase {
background-color : gray;
color : black;
font-weight : bold;
line-height : 3em;
padding : 0;
text-align : center;
text-decoration : none;
text-transform : lowercase;
}
a.footer:hover {
background-color : gray;
color : #00cc66;
font-weight : bold;
line-height : 3em;
padding : 0 1em 0 1em;
text-align : center;
text-decoration : none;
text-transform : lowercase;
}
.form {
background-color : #99ffff;
border : thin solid #00cc66;
color : black;
font-weight : bold;
padding : 7px;
text-decoration : none;
}
.gap {
clear : both;
line-height : 1em;
margin : 0;
padding : 0;
}
.gif {
border : 3px double gray;
}
.gifr {
border : 3px double gray;
float : right;
}
.gray {
border : 1px solid gray;
}
.head {
color : #ffcccc;
font-size : 24pt;
font-weight : bold;
}
.homepage {
background-color : gray;
color : #00ccff;
font-size : 20pt;
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
}
a.homepage:hover {
background-color : gray;
color : white;
font-size : 20pt;
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
}
table.hours td {
border : 1px solid #00cc66;
padding : 0.5em;
text-align : center;
}
.jpg {
border : 2px solid black;
} 
.jpgr {
border : 2px solid black;
float : right;
} 
.ledgend {
color : #00cc66;
font-size : 125%;
font-weight : bold;
margin : 1em 0 0 0;
padding : 14px 0 7px 14px;
text-decoration : none;
}
.lien {
color : black;
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
}
a.lien:hover {
color : #00cc66;
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
}
.line {
background : white url("/lib/mc/line.gif") repeat;
line-height : 29px;
}
.link {
color : black;
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
}
a.link:hover {
color : #00cc66;
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
}
.linkbutton {
background-color : white;
border : 2px solid gray;
color : black;
font-weight : bold;
font-size : 12pt;
padding : 3px;
text-decoration : none;
}
a.linkbutton:hover {
background-color : white;
border : 2px solid gray;
color : aqua;
font-weight : bold;
font-size : 12pt;
padding : 3px;
text-decoration : none;
}
.linked {
color : aqua;
font-weight : bold;
font-size : 12pt;
text-decoration : none;
}
.linkedbutton {
background-color : white;
border : 2px solid gray;
color : aqua;
font-weight : bold;
font-size : 12pt;
padding : 3px;
text-decoration : none;
}
.map {
text-align : center;
}
.none {
border : 0;
}
.numbers {
color : #00cc33;
font-weight : bold;
text-align : center;
}
.office {
background-color : #ccffcc;
color : #ccffcc;
font-size : 8px;
text-align : right;
}
.or {
color : #ff3366;
}
.redline {
background-color : #cc9933;
line-height : 2px;
width : 100%;
}
.roman {
font : italic bold 115% serif;
text-transform : uppercase;
}
.seasonal {
background-color : #3333ff;
color : #ffffcc;
font-size : 90%;
font-weight : bold;
padding : 0.4em 2em 0.4em 2em;
}
.signature {
font-weight : bold;
text-align : right;
margin : 0;
padding : 0;
}
.sitename {
background-color : gray;
color : #00ccff;
font-size : 20pt;
font-weight : bold;
padding : 0.7em 1.2em 0.5em 1.2em;
text-decoration : none;
text-transform : lowercase;
}
.sitenamel {
background-color : gray;
color : #00ccff;
font-size : 20pt;
font-weight : bold;
padding : 0.7em 0 0.5em 1.2em;
text-transform : lowercase;
}
.sitenamer {
background-color : gray;
color : #00ccff;
font-size : 20pt;
font-weight : bold;
padding : 0.7em 1.2em 0.5em 0;
text-align : right;
text-transform : lowercase;
}
.soleilroutes {
border : 0;
border-collapse : collapse;
margin : 10px;
width : 600px;
}
.soleilroutes th, .soleilroutes td {
background-color  : #ffcc99;
border : 2px solid white;
color : maroon;
font-weight : bold;
padding : 8px;
margin : 1em auto 1em auto;
vertical-align : top;
}
.spacer {
line-height : 2em;
}
sup {
font-size : 40%;
}
.t {
vertical-align : top;
}
.tealline {
background-color : #00cc66;
line-height : 0.1em;
margin : 1em 2em 1em 2em;
}
.text {
color : black;
text-decoration : none;
vertical-align : top;
}
a.text:hover {
color : #00cc66;
text-decoration : none;
vertical-align : top;
}
.textb {
color : black;
font-weight : bold;
text-decoration : none;
vertical-align : top;
}
a.textb:hover {
color : #00cc66;
font-weight : bold;
text-decoration : none;
vertical-align : top;
}
.textboldborder {
border : 1px dashed gray;
font-weight : bold;
padding : 5px 0 5px 0;
text-align : center;
}
.textborder {
border : thin dashed gray;
padding : 5px 0 5px 0;
text-align : center;
}
.textbc {
color : black;
font-weight : bold;
text-align : center;
text-decoration : none;
vertical-align : top;
}
.textbr {
font-weight : bold;
text-align : right;
vertical-align : top;
}
.textbred {
color : #cc9933;
font-weight : bold;
}
.textbredc {
color : #cc9933;
font-weight : bold;
text-align : center;
}
.textc {
text-align : center;
text-decoration : none;
vertical-align : top;
}
.textmaroon {
color : maroon;
font-weight : bold;
}
.textmarooni {
color : maroon;
font-weight : bold;
margin-left : 60px;
vertical-align : top;
}
.textr {
text-align : right;
}
.textredbc {
background-color : #ffffcc;
border : 1px solid #ff3333;
color : #ff3333;
font-weight : bold;
padding : 9px;
text-align : center;
}
.title {
color : black;
font-size : 150%;
font-weight : bold;
margin : 0;
padding : 0;
text-decoration : none;
vertical-align : top;
}
a.title:hover {
color : #00cc66;
font-size : 150%;
font-weight : bold;
margin : 0;
padding : 0;
text-decoration : none;
vertical-align : top;
}
.top {
vertical-align : top;
}
.txt {
color : black;
text-decoration : none;
text-transform : lowercase;
}
a.txt:hover {
color : #00cc66;
text-decoration : underline;
text-transform : lowercase;
}
.txtb {
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
}
.txtbc {
font-weight : bold;
text-align : center;
text-decoration : none;
text-transform : lowercase;
}

/* inactive list
*/
ul.list {
list-style-image : url("/lib/mc_dot.png")
}
ul.list li {
padding : 0 0 7px 1em;
text-decoration : none;
vertical-align : top;
}
ul.newboats {
list-style-image : url("/lib/mc_dot.png")
}
ul.newboats li {
padding : 0 25px 8px 0;
}

/* active list
*/
ul.menu {
list-style-image : url("/pix/greendot.gif")
}
ul.menu li {
font-size : 12pt;
font-weight : bold;
padding : 0 0 1em 1em;
text-decoration : none;
vertical-align : top;
}
ul.ul li {
padding : 0 0 5px 1em;
text-decoration : none;
vertical-align : top;
}

/* weather
*/
.imp {
background-color : #ffcccc;
border : 1px solid gray;
font-weight : bold;
padding : 0.2em 0 0.2em 0;
text-align : center;
}
.met {
background-color : #ccffcc;
border : 1px solid gray;
font-weight : bold;
padding : 0.2em 0 0.2em 0;
text-align : center;
}
.wtr {
background-color : #ffff99;
border : 1px solid gray;
font-weight : bold;
padding : 0.2em 0 0.2em 0;
text-align : center;
}