html,body { margin:0; padding:0; height:100%; }
body { background:url(../images/bg.gif); }
form,ul,ol,li,div,p,h1,h2,h3,h4,h5 { margin:0; padding:0; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,input,select,textarea { font-family:arial; font-size:12px; color:#FFFFFF; font-weight:normal; }
.txt { color:#000000; width:275px; padding:2px 3px 2px 3px; border:1px solid #999999; }
select { color:#000000; }
.btn { color:#000000; width:100px; margin-top:10px; height:26px; cursor:pointer; }
img { border:none; }
a { text-decoration:underline; }
a:hover { text-decoration:underline; }
td.label { vertical-align:top; padding:4px 5px 0 0; }
td.field { vertical-align:top; padding:0 5px 2px 0; }

.success { background:#009900; color:#FFFFFF; font-weight:bold; padding:6px; margin:15px 15px 0 15px; }
.error { background:#FF0000; color:#FFFFFF; font-weight:bold; padding:6px; margin:15px 15px 0 15px; }
.sep { padding:0 2px 0 2px; }
.clear { clear:both; }

#frame { background:url(../images/bg-frame.gif); width:770px; height:100%; margin:0 auto; }
#frame td#hotel { vertical-align:top; background:url(../images/bg-content.jpg) 5px 0 no-repeat; padding:0 5px 0 5px; }

#left { float:left; width:200px; }
#left #link-home { height:25px; }
#left #link-home ul { padding:0; margin:0; }
#left #link-home ul li { float:left; padding:0; margin:0; list-style-type:none; }
#left #link-home ul li a { display:block; text-indent:-10000px; overflow:hidden; text-decoration:none; width:197px; height:25px; }
#left #link-home ul li a:hover { background-position:0 -25px; }
#left td#menu { vertical-align:top; height:400px; padding-top:25px; }
#left td#menu a { position:relative; display:block; font-size:11px; font-weight:bold; color:#2CA3E1; text-decoration:none; text-transform:uppercase; background-image:url(../images/arrow-menu-out.gif); background-repeat:no-repeat; margin-bottom:1px; background-position:15px 5px; width:160px; padding:1px 15px 1px 25px; }
#left td#menu a:hover { color:#000000; background-color:#DDDDDD; background-image:url(../images/arrow-menu-over.gif); }
#left td#menu a.active { color:#000000; background-color:#DDDDDD; background-image:url(../images/arrow-menu-over.gif); }
#left td#menu div.bloc { padding-bottom:10px; }
#left td#menu div.bloc a { background-position:15px 5px; width:160px; padding:1px 15px 1px 25px; }
#left td#menu div.bloc-indent { padding-bottom:10px; }
#left td#menu div.bloc-indent a { background-position:25px 5px; width:150px; padding:1px 15px 1px 35px; }
#left td#menu div.menu-title { font-size:11px; font-weight:bold; color:#2CA3E1; text-transform:uppercase; width:170px; padding:1px 15px 1px 15px; margin-bottom:1px; }
#left td#menu div.menu-title-active { font-size:11px; font-weight:bold; color:#000000; text-transform:uppercase; background:#DDDDDD; width:170px; padding:1px 15px 1px 15px; margin-bottom:1px; }
#left td#contact { font-size:11px; font-weight:bold; color:#FFFFFF; line-height:15px; padding:25px 15px 20px 15px; }
#left td#contact a { font-size:11px; font-weight:bold; color:#2CA3E1; text-decoration:none; }

#center { float:left; width:430px; padding:0 0 15px 0; }
#center #sections { height:25px; }
#center #sections ul { padding:0; margin:0; }
#center #sections ul li { float:left; padding:0 3px 0 0; margin:0; list-style-type:none; }
#center #sections ul li a { display:block; text-indent:-10000px; overflow:hidden; text-decoration:none; width:105px; height:25px; }
#center #sections ul li a:hover { background-position:0 -25px; }
#center #sections ul li a.active { background-position:0 -25px; }
#center #slideshow { width:430px; height:420px; padding:0; }

#center h1 { font-size:18px; font-weight:bold; color:#2CA3E1; padding:10px 15px 5px 15px; }
#center h2 { font-size:14px; font-weight:bold; color:#2CA3E1; padding:5px 15px 5px 15px; }
#center h3 { font-size:12px; font-weight:bold; color:#2CA3E1; padding:5px 15px 5px 15px; }
#center p { padding:0 15px 10px 15px; }
#center a { color:#9DC8ED; }
#center ul { padding:0 40px 10px 40px; }
#center ul li { padding:0 0 5px 0; list-style-type:square; }
#center ol { padding:0 40px 10px 47px; }
#center ol li { padding:0 0 5px 0; }
#center table { margin:10px 15px 15px 15px; }

#center table.tarifs { width:400px; border-width:1px 0 0 1px; border-style:solid; border-color:#D27944; }
#center table.tarifs tr th { font-size:9px; text-align:right; color:#000000; background:#E6B493; padding:5px 3px 5px 3px; border-width:0 1px 1px 0; border-style:solid; border-color:#D27944; }
#center table.tarifs tr td { font-size:9px; text-align:right; padding:5px 3px 5px 3px; border-width:0 1px 1px 0; border-style:solid; border-color:#D27944; }
#center table.tarifs tr.line { background:#D27944; }
#center table.tarifs tr.line td { color:#FFFFFF; }

#center div.code { padding:0 15px 10px 15px; }
#center div.code a { color:#000000; }
#center div.code table { margin:0 0 0 2px; padding:0; }

#center #plan { float:right; width:200px; margin:5px 15px 15px 15px; }
#center #plan img { width:200px; }

#center ul#sitemap { padding:10px 15px 10px 25px; }
#center ul#sitemap li { padding:0 0 10px 0; list-style-type:none; }
#center ul#sitemap li ul { padding:5px 15px 0 25px; }
#center ul#sitemap li ul li { padding:0 0 5px 0; list-style-type:square; }

#center div.admin { background:#222222; border:1px solid #666666; padding-bottom:5px; margin:15px 15px 0 15px; }
#center div.admin div.label { padding:5px 15px 5px 15px; }

#center div#edit h1 { padding-top:15px; }
#center div#edit div.label { padding:5px 15px 5px 15px; }

#center table#listing { margin-bottom:10px; }
#center table#listing td { padding:6px 10px 6px 10px; border-bottom:1px solid #666666; }

#center table#structure { margin-bottom:10px; }
#center table#structure * { font-size:10px; }
#center table#structure td { text-align:center; padding:4px 5px 4px 5px; border-bottom:1px solid #666666; }
#center table#structure input.txt { text-align:center; width:16px; }

#center #footer { color:#999999; padding:25px 0 0 15px; }
#center #footer a { color:#999999; }

#right { float:right; width:130px; back-ground:#999; }
#right #logo { position:absolute; margin:15px 0 0 20px; }
#right #logo img { width:91px; height:102px; }
#right #wifi { position:absolute; width:50px; height:50px; margin:130px 0 0 40px; }
#right #wifi img { width:50px; height:50px; }
#right #lang { position:absolute; text-align:right; width:90px; margin:230px 0 0 18px; }
#right #lang a { display:block; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:url(../images/arrow-lang.gif) right 5px no-repeat; padding:1px 10px 1px 0; }
#right #news { padding:332px 0 3px 0; }
#right #credits { font-size:9px; color:#CC6633; padding-bottom:10px; }
#right #credits a { font-size:9px; text-decoration:none; }


#frame td#intro { vertical-align:top; background:url(../images/bg-intro.jpg) 5px 0 no-repeat; padding:0 5px 0 5px; }
#frame td#intro #piscine { position:absolute; margin:10px 0 0 10px; }
#frame td#intro #piscine img { width:210px; height:120px; }
#frame td#intro #logo { position:absolute; margin:15px 0 0 650px; }
#frame td#intro #logo img { width:91px; height:102px; }
#frame td#intro #slogan { position:absolute; margin:55px 0 0 209px; }
#frame td#intro #slogan img { width:369px; height:30px; }
#frame td#intro #lang { position:absolute; text-align:right; width:90px; margin:230px 0 0 648px; }
#frame td#intro #lang a { display:block; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:url(../images/arrow-lang.gif) right 5px no-repeat; padding:1px 10px 1px 0; }
#frame td#intro table#buttons td { vertical-align:top; width:176px; padding:305px 2px 0 10px; }
#frame td#intro table#buttons td div.button a { display:block; text-indent:-10000px; overflow:hidden; text-decoration:none; width:176px; height:130px; }
#frame td#intro table#buttons td div.button a:hover { background-position:0 -130px; }
#frame td#intro table#buttons td h1 { font-size:14px; font-weight:bold; color:#3399CC; padding:10px 0 10px 0; }
#frame td#intro table#buttons td h2 { font-size:14px; font-weight:bold; color:#3399CC; padding:10px 0 10px 0; }
#frame td#intro table#buttons td h3 { font-size:12px; font-weight:bold; padding:5px 0 0 0; }
#frame td#intro table#buttons td p { padding:0 0 10px 0; }
#frame td#intro table#buttons td ul { padding:5px 0 10px 0; }
#frame td#intro table#buttons td li { list-style-type:none; padding:0 0 5px 0; }
#frame td#intro table#buttons td a { color:#9DC8ED; }
#frame td#intro #contact { font-size:11px; color:#999999; text-align:center; padding:25px 0 5px 0; }
#frame td#intro #contact span { padding:0 3px 0 3px; }
#frame td#intro #contact a { font-size:11px; color:#999999; text-decoration:none; }