*  { font-family: Verdana, Helvetica, sans-serif; margin: 0; padding: 0 }
body { background-color: white; margin: 0 auto; font-family: Verdana, Helvetica, sans-serif ; text-align: center; }
#content { text-align: center; width: 800px; margin: 0 auto 20px; }
#header { text-align: left; width: 800px; height: 170px; clear: both; }
#logo { z-index: 4; width: 275px; height: 170px; float: left; }
#menu { z-index: 5; width: 525px; height: 128px; float: right; }
#menu a  { color: #666; font-weight: bold; font-size: 10px; line-height: 12px; text-decoration: none; text-align: center }
#menu a:link  { color: #666; font-weight: bold; font-size: 10px; line-height: 12px; text-decoration: none; text-align: center }
#menu a:visited   { color: #6088c5; font-weight: bold; font-size: 10px; line-height: 12px; text-decoration: none; text-align: center }
#menu a:hover  { color: #af8f5d; font-weight: bold; font-size: 10px; line-height: 12px; text-decoration: none; text-align: center }
#filet { z-index: 2; top: 128px; width: 525px; height: 14px; margin-left: 275px; }
#colGauche { text-align: left; width: 207px; z-index: 8; float: left; margin-top: 0; margin-left: 0; }
#titre  { color: #666; font-size: 12px; line-height: 18px; word-spacing: 1px; letter-spacing: 2px ; position: relative; width: 600px; z-index: 800; margin-bottom: 10px; }
#textegauche { text-align: left; width: 300px; }
#textegauche2  { z-index: 8; margin-top: 35px; margin-left: 30px; width: 560px; height: 468px; visibility: visible }
#texteCarteCadeau { margin-top: 35px; width: 593px; color: #666; font-size: 12px; line-height: 20px; padding-bottom: 12px; }
#texteCarteCadeau ul { padding-left: 10px; list-style-image: url(images/bul.gif); }
#photog { position: relative; bottom: 0; width: 207px; height: 118px; z-index: 0; }
.photoGgites { background-image: url(images/vache.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 207px; height: 375px; }
.photoGbruyeres { background-image: url(images/champs.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 207px; height: 375px; }
.photoGjours { background-image: url(images/plage_normande.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 207px; height: 375px; }
.photoGactivites { background-image: url(images/falaise_petites_dalles.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 207px; height: 325px; }
.photoGcartecadeau { background-image: url(images/Carte-cadeau.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 207px; height: 200px; }
#colDroite { text-align: left; margin-top: 0; margin-left: -1px; width: auto; float: left; padding: 0; }
#adresse  { text-align: center; width: 800px; clear: both; padding-top: 20px; }
#gauche { position: absolute; z-index: 3; top: 160px; left: 0px; width: 207px; height: 369px; visibility: visible }
#photofond { z-index: 10; width: 593px; }
#photofond a   { color: #666; font-weight: bold; font-size: 10px; line-height: 12px }
#photofond a:link   { color: #666; font-weight: bold; font-size: 10px; line-height: 12px }
#photofond a:visited    { color: #6088c5; font-weight: bold; font-size: 10px; line-height: 12px }
#photofond a:hover   { color: #af8f5d; font-weight: bold; font-size: 10px; line-height: 12px }
#indicMini  { color: #af8f5d; font-size: 10px; text-align: left; position: absolute; z-index: 12; width: 160px; height: 18px; visibility: visible ; margin-top: 84px; margin-left: 290px; }
#miniature   { color: #666; font-family: Verdana, Helvetica, sans-serif; text-decoration: none; text-align: left; position: absolute; z-index: 6; height: auto; visibility: visible ; margin-top: 100px; margin-left: 290px; }
#chapeau { text-align: left; position: absolute; z-index: 9; width: 256px; height: 96px; visibility: visible ; margin-top: 140px; margin-left: 550px; }
#filetVert1 { visibility: visible; position: absolute; z-index: 17; width: 2px; height: 39px; margin-top: 135px; margin-left: 335px; border-left: 2px solid #6b8abc; display: block; }
#filetVert2 { visibility: visible; position: absolute; z-index: 18; width: 2px; height: 39px; margin-top: 135px; margin-left: 534px; border-left: 2px solid #6b8abc; display: block; }
#filetVert3 { visibility: visible; position: absolute; z-index: 19; width: 2px; height: 39px; margin-top: 135px; margin-left: 788px; border-left: 2px solid #6b8abc; display: block; }
#PetitesDalles { color: #fff; font-size: 11px; font-weight: bold; background-color: #6b8abc; text-align: center; height: 14px; width: 190px; position: absolute; z-index: 15; visibility: visible; margin-top: 160px; margin-left: 340px; display: block; }
#GrandesDalles { color: #fff; font-size: 11px; font-weight: bold; background-color: #6b8abc; text-align: center; height: 14px; width: 245px; z-index: 16; position: absolute; visibility: visible; margin-top: 160px; margin-left: 540px; display: block; }
#epis { position: absolute; z-index: 7; margin-top: 150px; margin-left: 200px; width: 100px; height: 100px; visibility: visible }
#newsDefil { color: #fff; font-size: 14px; line-height: 16px; background-color: #69c; text-align: left; position: absolute; z-index: 50; width: 200px; height: 74px; visibility: visible; margin-top: 100px; margin-left: 580px; padding-right: 10px; padding-left: 10px; display: block; -moz-opacity:.80; opacity:.80; filter:alpha(opacity=80); }
#formulaire           { position: relative; margin-top: 0; float: left; margin-left: 55px; }
#formulaireCarteCadeau { margin-top: 0; float: left; }
td  { color: #666; font-size: 10px }
.present10  { color: #666; font-size: 10px; line-height: 12px; text-align: left; margin-left: 10px }
.preview   { color: #6088c5; font-size: 10px; line-height: 12px; text-decoration: none; text-align: left }
.distance  { color: #666; font-size: 10px; line-height: 18px; text-decoration: none; background-color: white; text-align: left; float: none; margin: 0px; padding: 0px 3px; border: 0px; width: 300px; height: auto }
.resa    { color: #666; font-size: 10px; float: none; width: 400px; height: auto }
.signature  { color: #6088c5; font-size: 12px; word-spacing: 1px; letter-spacing: 2px }
.txtdroit   { color: #6088c5; font-size: 10px; line-height: 14px; list-style-type: none; list-style-image: url(images/bul.gif) }
.txtgauche  { color: #666; font-size: 10px; line-height: 18px; padding-right: 10px; }
.txtgauche a { color: #666; font-size: 10px; line-height: 18px; text-decoration: none; list-style-image: url(images/bul.gif); padding-right: 10px; }
.txtgauche a:hover { color: #69c; text-decoration: none; }
.txt10-12  { color: #666; font-size: 10px; line-height: 12px;}
.txt10-12 ul li { margin-left: 20px; }
.txt10-12 a { color: #666; font-size: 10px; line-height: 12px; text-decoration: underline; }
.txt10-12 a:hover { color: #69c; }
.txtgauche10-12 { color: #666; font-size: 10px; line-height: 12px; text-align: left; padding-right: 10px; }
.txtgauche10-12 a { text-decoration: none; }
.txtgauche10-12 a:hover { color: #69c; text-decoration: underline; }
.txtgaucheboldbleu  { color: #6088c5; font-weight: bold }
.txtgauchebold { font-weight: bold }
.txtbeige a  { color: #af8f5d; font-size: 10px; line-height: 18px; text-decoration: none; text-align: center }
.txtbeige a:hover  { color: #6088c5; text-decoration: none }
.txtgaucheb  { color: #666; font-size: 10px; line-height: 18px; list-style-type: none; list-style-image: url(images/bul.gif); margin-right: 115px }
.txtgauchec  { color: #666; font-size: 10px; line-height: 18px; list-style-type: none; list-style-image: url(images/bul.gif) }
.txtActivite { color: #666; font-size: 12px; line-height: 20px; padding-bottom: 12px; list-style-type: none; list-style-image: url(images/bul.gif); display: list-item; }
.txtActiviteEmphase { color: #6088c5; font-size: 14px; }
.txtRecommandations { color: #666; font-size: 10px; line-height: 12px; text-align: left; padding-left: 70px; }
.padR20 { padding-right: 20px; }
* html .hoverbox a { color: #666; font-size: 8px; position: relative    }
* html .hoverbox a:hover  { color: #666; font-size: 8px; line-height: 11px; text-align: left; z-index: 50 }
* html .hoverbox a:hover .preview { top: 90px; left: 0px }
* html .hoverbox a:hover .preview_450 { top: 90px; left: -450px; }
* html .hoverbox a:hover .preview_400 { top: 90px; left: -400px; }
* html .hoverbox a:hover .preview_360 { top: 90px; left: -360px; }
* html .hoverbox a:hover .preview_350 { top: 90px; left: -350px; }
* html .hoverbox a:hover .preview_300 { top: 90px; left: -300px; }
* html .hoverbox a:hover .preview_288 { top: 90px; left: -288px; }
* html .hoverbox a:hover .preview_250 { top: 90px; left: -250px; }
* html .hoverbox a:hover .preview_216 { top: 90px; left: -216px; }
* html .hoverbox a:hover .preview_200 { top: 90px; left: -200px; }
* html .hoverbox a:hover .preview_150 { top: 90px; left: -150px; }
* html .hoverbox a:hover .preview_144 { top: 90px; left: -144px }
* html .hoverbox a:hover .preview_100 { top: 90px; left: -100px; }
* html .hoverbox a:hover .preview_72 { top: 90px; left: -72px }
* html .hoverbox a:hover .preview_50 { top: 90px; left: -50px; }
* html .hoverbox li { position: static }
.hoverbox   { color: #666; font-size: 8px; line-height: 11px; list-style-type: none; list-style-position: outside   }
.hoverbox a { color: #666; font-size: 8px; text-decoration: none    }
.hoverbox a .preview  { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none }
.hoverbox a .preview_450  { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none }
.hoverbox a .preview_400 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_360 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_350 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_300 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_288 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_250 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_216 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_200 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_150 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_144  { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none }
.hoverbox a .preview_100 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a .preview_72  { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none }
.hoverbox a .preview_50 { color: #666; font-size: 9px; line-height: 11px; text-decoration: none; text-align: left; display: none; }
.hoverbox a:hover .preview { display: block; border: none; position: absolute; z-index: 50; top: 90px; left: 0px; width: auto; height: auto }
.hoverbox a:hover .preview_450  { text-decoration: none; display: block; border: none; position: absolute; z-index: 50; top: 90px; left: -450px; width: auto; height: auto }
.hoverbox a:hover .preview_400 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -400px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_360 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -360px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_350 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -350px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_300 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -300px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_288 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -288px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_250 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -250px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_216 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -216px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_200 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -200px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_150 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -150px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_144 { text-decoration: none; display: block; border: none; position: absolute; z-index: 50; top: 90px; left: -144px; width: auto; height: auto }
.hoverbox a:hover .preview_100 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -100px; width: auto; height: auto; border: none; }
.hoverbox a:hover .preview_72 { text-decoration: none; display: block; border: none; position: absolute; z-index: 50; top: 90px; left: -72px; width: auto; height: auto }
.hoverbox a:hover .preview_50 { text-decoration: none; display: block; position: absolute; z-index: 50; top: 90px; left: -50px; width: auto; height: auto; border: none; }
.hoverbox img  { vertical-align: top; border: none }
.hoverbox li { position: relative; display: inline; float: left; padding-right: 10px; border: none; }