body    { font-size: 0.71em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #237fb0; background-image: url("images/background_degrade.jpg"); margin: 0 auto; padding: 0 }
.page, #page  { width: auto }
p {}
td {}
.mainpage { margin: 0 auto; padding: 0; width: 760px }
img { border: 0 }
.mainpage { }
.table_header { width: 760px; height: 78px }
.table_header_right { text-align: right }
.table_menu { width: 760px }
.fondchalet  { font-size: 8px; background-image: url("images/chalet.png"); background-repeat: no-repeat; background-position: center bottom; display: block; margin: 0; padding: 0; height: 860px }
.fondhotel { font-size: 8px; background-image: url("images/fond-chambre.png"); background-repeat: no-repeat; background-position: center bottom; display: block; margin: 0; padding: 0; height: 860px }
.fondresto { font-size: 8px; background-image: url("images/fond-resto.png"); background-repeat: no-repeat; background-position: center bottom; display: block; margin: 0; padding: 0; height: 860px }
.fondaccess { font-size: 8px; background-image: url("images/fond-access.png"); background-repeat: no-repeat; background-position: center bottom; display: block; margin: 0; padding: 0; height: 860px }
/*MENU*/
#menu1   { background-image: url("images/menu_01_off.png"); background-repeat: repeat; background-position: 0 0; cursor: pointer; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 130px; height: 56px }
#menu1_on { background-image: url("images/menu_01_on.png"); background-repeat: repeat; background-position: 0 0; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 130px; height: 56px }
#menu1:hover,  a:hover #menu1  { background-image: url("images/menu_01_off.png"); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 130px; height: 56px }
#menu2  { background-image: url("images/menu_02_off.png"); background-repeat: repeat; background-position: 0 0; cursor: pointer; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 126px; height: 56px }
#menu2_on { background-image: url("images/menu_02_on.png"); background-repeat: repeat; background-position: 0 0; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 126px; height: 56px }
#menu2:hover, a:hover #menu2 { background-image: url("images/menu_02_off.png"); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 126px; height: 56px }

#menu3  { background-image: url("images/menu_03_off.png"); background-repeat: repeat; background-position: 0 0; cursor: pointer; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }
#menu3_on { background-image: url("images/menu_03_on.png"); background-repeat: repeat; background-position: 0 0; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }
#menu3:hover, a:hover #menu3 { background-image: url("images/menu_03_off.png"); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }

#menu4  { background-image: url("images/menu_04_off.png"); background-repeat: repeat; background-position: 0 0; cursor: pointer; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }
#menu4_on { background-image: url("images/menu_04_on.png"); background-repeat: repeat; background-position: 0 0; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }
#menu4:hover, a:hover #menu4 { background-image: url("images/menu_04_off.png"); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }

#menu5  { background-image: url("images/menu_05_off.png"); background-repeat: repeat; background-position: 0 0; cursor: pointer; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }
#menu5_on { background-image: url("images/menu_05_on.png"); background-repeat: repeat; background-position: 0 0; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }
#menu5:hover, a:hover #menu5 { background-image: url("images/menu_05_off.png"); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 125px; height: 56px }

#menu6  { background-image: url("images/menu_06_off.png"); background-repeat: repeat; background-position: 0 0; cursor: pointer; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 127px; height: 56px }
#menu6_on { background-image: url("images/menu_06_on.png"); background-repeat: repeat; background-position: 0 0; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 127px; height: 56px }
#menu6:hover, a:hover #menu6 { background-image: url("images/menu_06_off.png"); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0; position: relative; top: 0; bottom: 0; width: 127px; height: 56px }
/*CLASSE DE TEXTE*/
.error { color: #f00 }
.text_mini { color: #082f4c; font-size: 9px; font-family:  Arial,Verdana, Helvetica, sans-serif; line-height: 9px; text-align: center }
a:link { color: #3190d5 }
a:visited { color: #082f4c }
a:hover { color: #ff7b8c }
a:active { color: red }
.text_mini .gras { font-weight: 700 }
.texte_normal       { color: #f8fafa; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif,  Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.5em }
.texte_normal h3   { font-size: 18px; margin: 0 0 10px }
.texte_liste     { color: #f8fafa; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.4em; text-align: left; margin: 0 0 15px }
.texte_liste h3     { font-size: 14px; font-weight: 700; margin-top: 0; margin-bottom: 10px }
.texte_liste h2 { font-size: medium; font-weight: 700; margin-top: 0; margin-bottom: 5px }
.texte_zonealerte { color: #082f4c; font-size: 11px; font-family:  Arial, Verdana,Helvetica, sans-serif }
.texte_zonealerte h3  { font-size: 16px; font-weight: 700; margin: 0 0 0 }
.notice { font-size: 11px; font-style: italic; line-height: 1 }
/* CALQUES */
#zonebleuhome      { background-image: url("images/cartouche_bleu.png"); background-repeat: no-repeat; background-position: left top; text-align: left; visibility: visible; display: block; top: 0; left: 0; width: 291px; height: 299px }
#zonebleu      { background-image: url("images/cartouche_bleu-vierge.png"); background-repeat: no-repeat; background-position: left top; text-align: left; visibility: visible; display: block; top: 0; left: 0; width: 291px; height: 299px }

#zonebleu .texte, #zonebleuhome .texte    { color: gray; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0; position: relative; top: 30px; left: 30px; width: 230px; height: 240px }
#zonebleu a { color: #f00 }
#zonebleu .liste { font-size: 14px; font-weight: bold; list-style-type: none; list-style-position: inside; display: block; margin: 0; padding: 0 }
#zonebleu a:hover { color: #ffd0d6 }
#zonemarron     { background-image: url("images/cartouche_marron.png"); background-repeat: no-repeat; background-position: left top; visibility: visible; display: block; margin: 0; padding: 0; top: 0; left: 291px; width: 469px; height: 407px }
#zonemarron_big    { background-image: url("images/cartouche_marron_big.png"); background-repeat: no-repeat; background-position: -8px top; visibility: visible; display: block; margin: 0; padding: 0; top: 0; left: 291px; width: 469px; height: 449px }
#zonemarron .texte      { text-align: left; margin: 0; padding: 0; position: relative; top: 30px; left: 30px; width: 420px; height: 340px; overflow: hidden }
#zonemarron_big .texte   { text-align: left; margin: 0; padding: 0; position: relative; top: 30px; left: 30px; width: 420px; height: 380px; overflow: hidden }
#zonemarron a, #zonemarron_big a { color: #ffd0d6 }
#zonemarron a:hover, #zonemarron_big a:hover  { color: #3190d5 }
#zonealerte  { background-image: url("images/cartouche_derniereminute.png"); background-repeat: no-repeat; background-position: left top; visibility: visible; display: block; margin: 0; padding: 0; top: 0; left: 291px; width: 469px; height: 147px }
#zonealerte .texte   { text-align: left; position: relative; top: 50px; left: 130px; width: 310px; height: 74px; overflow: hidden }

#zoneform      { background-image: url("images/cartouche_formulaire.png"); background-repeat: no-repeat; background-position: left top; visibility: visible; display: block; margin: 0; padding: 0; top: 0; left: 0; width: 763px; height: 692px }

#zoneform .texte    { color: #f8fafa; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0; position: relative; top: 15px; left: 30px; width: 703px; height: 632px }
#zoneform h3 { font-size: medium; margin: 0 0 5px; padding: 0 }
#zoneform form  { color: #f8fafa; font-size: 10px; margin: 0; padding: 0 }
#zoneform form .field { color: #464646; margin: 0; padding: 2px; border: solid 1px silver }
#zoneform form .fieldError  { color: #640033; background-color: #ffd0d6; margin: 0; padding: 2px; border: solid 1px silver }
#skieur1 { background-image: url("images/skieur_alizee.png"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; position: relative; z-index: 20; top: -298px; right: 80px; width: 102px; height: 146px; float: left }
#skieur_antoine  { background-image: url("images/skieur_antoine.png"); background-repeat: no-repeat; background-position: left top; visibility: visible; margin: 0; padding: 0; position: relative; z-index: 20; top: -200px; right: 0; width: 206px; height: 381px; float: left }
#hotelinfos    { background-image: url("images/accroche-hotel.png"); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; top: 10px; left: 20px; width: 245px; height: 111px }
#zonetampon    { background-image: url("images/tampon-new.gif"); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; top: 10px; left: 180px; width: 111px; height: 111px }
#restoinfos     { background-image: url("images/accroche-resto.png"); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; top: 10px; left: 20px; width: 245px; height: 115px }
#restosuite   { background-image: url("images/menu-carte-off.png"); background-repeat: no-repeat; cursor: pointer; margin: 0; padding: 0; position: relative; bottom: 30px; left: 100px; width: 120px; height: 20px }
#restosuite:hover   { background-image: url("images/menu-carte-over.png"); background-repeat: no-repeat; margin: 0; padding: 0 }
#accessinfos   { background-image: url("images/plan-chatel-to-download.png"); background-repeat: repeat; cursor: pointer; margin: 0; padding: 0; position: relative; top: 10px; left: 20px; width: 234px; height: 165px }
#accessinfos:hover { background-image: url("images/plan-chatel-to-download-ove.png"); background-repeat: no-repeat; margin: 0; padding: 0 }
#zonepanoramique  { background-image: url("images/texte-vuepanoramique.png"); margin: 0 auto; padding: 0; position: relative; top: 0; bottom: 0; width: 269px; height: 26px }
.track22,#track22 { background-image: url("images/scroll-background.png"); background-repeat: no-repeat; background-position: left top; width: 16px; height: 325px }
.track3,#track3  { background-image: url("images/scroll-background-big.png"); background-repeat: no-repeat; background-position: left top; width: 16px; height: 385px }
.handle22 { background-image: url("images/scroll-cursor.png"); background-repeat: no-repeat; background-position: center 0; cursor: move; width: 16px; height: 12px }
.zone_scrolling { display: block; margin: 0; padding: 0; position: relative; top: 0; height: 340px; overflow: hidden; clip: rect(auto auto auto auto); border-width: 0 }
.zone_scrolling_big { display: block; margin: 0; padding: 0; position: relative; top: 0; height: 380px; overflow: hidden; clip: rect(auto auto auto auto); border-width: 0 }
.zone_scrolling_normal { display: block; margin: 0; padding: 0; position: relative; top: 0; width: 400px; height: 340px; overflow: hidden; clip: auto; border-width: 0 }
.zone_scrolling_normal_big { display: block; margin: 0; padding: 0; position: relative; top: 0; width: 400px; height: 380px; overflow: hidden; clip: auto; border-width: 0 }
.zone_scrolling_normal p,.zone_scrolling_normal_big p { margin: 0 0 15px; padding: 0 }