@charset "utf-8";
/* CSS Document */

/***********
Reset styles
***********/
* {margin: 0; padding: 0; font-family:sans-serif;font-size:1em;}
html {background: #ffffff;}
body {height:100%; background: #ffffff url(../images/hiver/fond.jpg) repeat-x;font-size:62.5%;}
.c {clear:both;}
img {border:0px;}
.bloc {display:block;}
.dnone { display:none; }
.left {float:left;}
.right {float:right;}
.tcenter { text-align:center; }
.tleft { text-align:left; }
.tright { text-align:right; }
.margT10{margin:10px 0 0 0;}
.margT141{margin:141px 0 0 0;}
.margT385{margin-top:385px;}
.none{display:none;}
.corps8 {font-size:0.8em; font-weight:normal; padding-right:7px;}
.corps9 {font-size:0.em; font-weight:normal; padding-right:8px;}
.corps10 {font-size:1em; font-weight:normal; padding-right:8px;}
.corps11 {font-size:1.1em; font-weight:normal; padding-right:8px;}
a{text-decoration:none;color:#791517;}

/****************
Global
****************/

#global_accueil {margin:0 auto; background: #818183 url(../images/fond_degrade_accueil.jpg) repeat-x;border: 0px solid red;}
#global {width:962px; height:800px; margin:0 auto;}

/****************
Header
****************/
#header {display:block; width: 962px; height:186px;}
#logo {display:block; width:140px;}
#fond {width:962px; min-height: 625px;height: auto !important; /* hauteur mini de 625 px pour le div fond */;height: 625px; reservez}
#header_top { width:821px; height:130px; float:right; }
#promotions { width:821px; height:95px; float:right; padding:10px 0 0 0; }
#promotions .promo { display:block; height:95px; width:210px; float:right; padding:0px 10px 0 10px; background:url('../images/fond-encart-actu.jpg') no-repeat right top; }
#promotions .promo h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal;  width:205px; color:#fff; font-size:1.6em; text-align:center;  padding: 8px 0 8px 0;}
#promotions .promo h3 { display:block;  width:205px; font-family:Tahoma, Geneva, sans-serif; font-size:1.2em; color:#000; text-align:center; font-weight:normal; }
#promotions .promo h2 a { text-decoration:none; color:#fff; }
#promotions .promo h3 a { text-decoration:none; color:#000; }
#langues  { display:block; width:150px; height:5px; position:absolute;top:112px;right:400px;}
#langues  .langue { display:block; float:right; padding:10px 0 0px 10px; }
#langues  .langue img { display:block; }
#breadcrumbs { font-size:1.1em; font-family:Arial;margin:0 0 0 8px; color:#FFF; background:url('../images/home.gif') no-repeat; background-position: 0px 7px; padding:5px 0 0 15px; }
#breadcrumbs a { text-decoration:none; color:#FFF; }
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:hover {text-decoration:underline;}

/****************
Menu principal
****************/
#menu{display:block; float:left; width:821px; padding:0; position:relative;top:-16px}
#nav {display:block; float:left; list-style:none; width:821px; height:21px; border-top:1px solid #fff; padding:0px;}
#nav li {display: block; float:left; margin:0px; padding:0px; background:url('../images/hiver/fond_bouton_menu_nav.jpg') repeat-x; }

#nav li a {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; padding:5px 21px 5px 22px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#nav li a.anglais {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; padding:5px 25px 5px 24px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#nav li a.hollandais {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; padding:5px 25px 5px 25px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#nav li a.allemand {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; padding:5px 28px 5px 28px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#nav li a.russe {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; padding:5px 22px 5px 22px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}

#nav li a.spe {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; border-top:0px; padding:5px 39px 5px 39px; margin:0px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#nav li a.speanglais {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; border-top:0px; padding:5px 34px 5px 35px; margin:0px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#nav li a.spehollandais {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; border-top:0px; padding:5px 24px 5px 25px; margin:0px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#nav li a.speallemand {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; border-top:0px; padding:5px 25px 5px 26px; margin:0px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#nav li a.sperusse {display: inline; height:21px; line-height:21px; text-align: left; color: #FFF; text-decoration: none; border-right:1px solid #fff; border-top:0px; padding:5px 24px 5px 24px; margin:0px; font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold;}

#nav li a:active, #nav li a:hover, #nav li a:focus, #nav li a.active {text-decoration: none; background:url('../images/fond_bouton_menu_nav_hover.jpg') repeat-x; color:#ffffff;}
#bandeau {float:left; width:821px; height:10px;}

#last_en{
	width:100px;;	
}

/****************
Menu gauche 1
****************/
#left_menu_1 { list-style:none; display:block; padding: 0 0 15px 0; }
#left_menu_1 li a { display:block; width:140px; font-family:Arial, Tahoma; font-size:1.4em; background:#818082; font-weight:bold; color:#b2b0b1; text-align:center; text-decoration:none; padding:3px 0 3px 0; margin:6px 0 1px 0; }
#left_menu_1 li a:hover, #left_menu_1 li a:focus, #left_menu_1 li a:active , #left_menu_1 li a.active { background:#59595b; color:#fff; }
/*#left_menu_1 li a { display:block; width:140px; font-family:Arial, Tahoma; font-size:1.4em; background:#59595b; font-weight:bold; color:#fff; text-align:center; text-decoration:none; padding:3px 0 3px 0; margin:6px 0 1px 0; }
#left_menu_1 li a:hover, #left_menu_1 li a:focus, #left_menu_1 li a:active , #left_menu_1 li a.active { background:#fff; color:#59595b; }*/
#left_menu_1 .sub_menu_1 { list-style:none; display:block; }
#left_menu_1 .sub_menu_1 li a { display:block; width:140px; background:#9b6a6c; color:#e9bfc0; font-family:Arial, Tahoma; font-size:1.1em; font-style:italic; text-align:center; font-weight:normal; text-decoration:none; padding:3px 0 3px 0; margin: 0 0 1px 0; }
#left_menu_1 .sub_menu_1 li a:hover, #left_menu_1 .sub_menu_1 li a:focus, #left_menu_1 .sub_menu_1 li a:active, #left_menu_1 .sub_menu_1 li a.active  { background:#791417; color:#fff; }
/*#left_menu_1 .sub_menu_1 li a { display:block; width:140px; background:#9d9ea0; color:#FFF; font-family:Arial, Tahoma; font-size:1.1em; font-style:italic; text-align:center; font-weight:normal; text-decoration:none; padding:3px 0 3px 0; margin: 0 0 1px 0; }
#left_menu_1 .sub_menu_1 li a:hover, #left_menu_1 .sub_menu_1 li a:focus, #left_menu_1 .sub_menu_1 li a:active, #left_menu_1 .sub_menu_1 li a.active  { background:#FFF; color:#9d9ea0; }*/

/****************
Menu gauche 2
****************/
#left_menu_2 { list-style:none; display:block; padding: 0 0 15px 0; }
#left_menu_2 li a { display:block; width:130px; font-family:Arial, Tahoma; font-size:1.2em; font-weight:bold; color:#fff; text-align:center; text-decoration:none; padding:3px 0 3px 10px; }
#left_menu_2 li a:hover, #left_menu_2 li a:active, #left_menu_2 li a:focus, #left_menu_2 li a.active { color:#791417; }
#left_menu_2 .sub_menu_2 { list-style:none; display:block; }
#left_menu_2 .sub_menu_2 li a { display:block; width:125px; font-family:Arial, Tahoma; font-size:1em; text-align:center; font-weight:normal; color:#fff; text-decoration:none; padding:2px 0 2px 15px;}
#left_menu_2 .sub_menu_2 li a:hover, #left_menu_2 .sub_menu_2 li a:active, #left_menu_2 .sub_menu_2 li a:focus, #left_menu_2 .sub_menu_2 li a.active { background:#791417; color:#fff; }

/****************
Contenu
****************/
#gauche {display:block;height:430px; width:140px; margin-top:-8px;}
html>body #gauche{ height:auto; min-height:430px; }
#menu_gauche{ position:relative; top:-10px; width:140px; background:url('../images/fond-menu-gauche.jpg') repeat-y; }
html>body #menu_gauche{ height:auto; /*min-height:377px;*/ }
#content {display:block; float:left; width:821px;}

#content_accueil {display:block; background:#ffffff; backound:url('../images/fond_degrade_accueil_centre.jpg') repeat;}
.bloc_accueil {display:block; width:240px; height:199px; margin-left:8px; margin-right:8px; }
.bloc_accueil a.gris{display:block; width:242px; height:26px; background-color:#9d9ea0; color:#FFF; text-decoration:none; font-family:Arial, sans-serif; font-weight:bold; font-size:1.8em; line-height:26px; text-align:left; padding-left:8px;}
.bloc_accueil a.gris:hover, .bloc_accueil a.gris:active, .bloc_accueil a.gris:focus {background-color:#FFF; color:#9d9ea0; text-decoration:none;}

.fond_degrade{display:block; width:242px; height:26px;background:url(../images/hiver/fond_degrade.jpg) repeat-x; color:#FFF; text-decoration:none; font-family:Arial, sans-serif; font-weight:bold; font-size:1.8em; line-height:26px; text-align:left; padding-left:8px;}
.fond_degrade:hover, .bloc_accueil a.gris:active, .bloc_accueil a.gris:focus {background:url(../images/fond_degrade_hover.jpg) repeat-x; color:#ffffff; text-decoration:none; cursor:pointer;}

#content_gauche {display:block; width:160px;float:left;padding-top:388px;}
#main_content {display:block; float:left; width:100%; height:430px; }
html>body #main_content{ height:auto; min-height:430px; }
.fond_montagne {background: #fff;}
.fond_flocon {background: #fff url(../images/fond-blanc.gif) no-repeat 0 0;}
#droite { display:block; float:left; width:67px; height:430px; background: url(../images/bois-droite.jpg) repeat-y; }
html>body #droite{ height:auto; min-height:430px; }

a.reservez {display:block; width:100%; height:40px; background:url(../images/hiver/fond_degrade_reservez.jpg) repeat-x; color:#FFF; text-decoration:none; font-family:Arial, sans-serif; font-weight:bold; font-size:1.4em; text-align:center; line-height:18px; padding-top:5px;margin-bottom:10px;}
a.reservez:hover {text-decoration:none; background:url(../images/fond_degrade_reservez_hover.jpg) repeat-x; color:#ffffff;}


a.reservation {display:inline-block; width:140px; height:20px; background-color:#791417; color:#FFF; text-decoration:none; font-family:Arial, sans-serif; font-weight:bold; font-size:1.1em; text-align:center; line-height:18px;border:1px solid #000;}
a.reservation:hover {text-decoration:none; background-color:#FFF; color:#791417;}
input.bouton_input {display:block; width:140px; height:20px; background-color:#791417; color:#FFF; text-decoration:none; font-family:Arial, sans-serif; font-weight:bold; font-size:1.1em; text-align:center; line-height:18px;border:1px solid #000;}
input.bouton_input:hover {text-decoration:none; background-color:#FFF; color:#791417;}
a.savoir_plus { display:block; font-family:Arial, sans-serif; font-size:1.1em; color:#fff; background:url('../images/savoir-plus.gif') no-repeat; padding:5px 0 0 16px; background-position:0 7px; }
a.savoir_plus:hover  { color:#791417; background:url('../images/savoir-plus-over.gif') no-repeat; background-position:0 7px; }
#last_minute{position:absolute; width:244px; height:83px; top:25px; left:860px;}
h2 {font-family:Arial, sans-serif; font-style:italic; font-size:1.8em; color:#6f7072;}
p{font-family:Arial, sans-serif; font-style:normal; font-size:1.2em; }
#main_content td {font-family:Arial, sans-serif; font-style:normal; font-size:1.2em;}
#nyroModalContent h2 { font-family:Arial, sans-serif; font-style:italic; font-size:1.8em; color:#6f7072; margin:5px 0 5px 5px; }
#nyroModalContent p { color:#6f7072; font-size:1.2em; margin: 0 0 0 5px;}
#nyroModalContent img.popup_chalet { float:right; margin:0 5px 10px 10px; }
h2.gros_gris { color:#666; font-style:normal; margin:0 0 10px 0; }
p.gris { color:#666; }
#plan_appart{ display:block; font-family:Arial, Tahoma; font-size:1.2em; font-weight:bold; color:#791417; text-align:left; text-decoration:none; padding:3px 0 3px 0; }
#plan_appart:hover, #left_menu_2:active, #left_menu_2:focus, #left_menu_2.active { color:#FFF; }
.entete_tab{

font-family: Trebuchet MS;
font-size: 1.2em;
color: #FFF;
font-weight: bold;
text-decoration: none;
background-color: #791417;

}
#left_menu_1 .services_exclusifs{border-top:2px solid #7a1417; border-bottom:2px solid #7a1417; color:#fff;}
/****************
Page slection chalet
****************/
/*.quarter_col { display:block; float:left; width:176px; margin: 50px 0 0 10px; }*/
.titre_station{ display:block; width:92%; margin:10px auto 0 auto;}
.quarter_col { display:block; float:left; width:360px; margin: 0 0 0 16px; }
html>body .quarter_col { margin: 0 0 0 30px; }

.quarter_description{ display:block; float:left; width:450px; margin: 50px 0 50px 50px; }
.quarter_description_max{ display:block; float:left; width:650px; margin: 50px 0 50px 50px; }
.quarter_plan{ display:block; float:left; width:150px; margin: 50px 0 50px 50px; }

h1.titre_fond_gris {height:27px; font-family:Arial, sans-serif; font-weight:bold; font-size:1.6em; color:#FFF; background:url('../images/hiver/fond_titre_station.jpg') repeat-x; padding:4px 0; }

h2.stitre_fond_gris { font-weight:normal; margin:0px; padding:0px; }
h2.stitre_fond_gris a { display:block; width:340px; margin: 0 auto 0 auto; font-family:Arial, sans-serif; font-style:bold; font-size:1em; color:#FFF; padding:2px 0; background:url('../images/fond_stitre_fond_gris.jpg') repeat-x; text-decoration:none; }
h2.stitre_fond_gris a:hover, h2.stitre_fond_gris a:focus, h2.stitre_fond_gris a:active { background:url('../images/hiver/fond_stitre_hover.jpg') repeat-x; color:#ffffff; }

p.desc_chalet { color:#1a171b; font-style:normal; font-weight:bold; font-size:1.1em; margin:10px 0 0 0; }
a.gris_souligne { text-decoration:underline;  font-family:Arial, sans-serif; font-size:1.1em; color:#1a171b; font-weight:bold; }
a.gris_souligne:hover, a.gris_souligne:active, a.gris_souligne:focus { color:#791517; }
img.chalet_apercu { display:block;margin:0px;}



/****************
Reservation navigation
****************/

#etape_en_cours{
	display:block;
	float:left;
	color:#8c222c;
	width:120px;
	height:70px;
	font-weight:bold;
	font-size:1.1em;
	font-family:Arial, sans-serif;
}

#etape_ok{
	display:block;
	float:left;
	color:#ffffff;
	width:120px;
	height:70px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	font-size:1.1em;
	font-family:Arial, sans-serif;
}

#etape_ok_caption{
	display:block;
	float:left;
	color:#8c222c;
	width:120px;
	height:70px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	font-size:1.1em;
	font-family:Arial, sans-serif;
}


#etape_pas_ok{
	display:block;
	float:left;
	color:#3b3b3b;
	width:120px;
	height:70px;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	font-family:Arial, sans-serif;
}

.etape {
	background:url('../images/reservation_etoile.png') no-repeat;
        background-position:-120px 0px;
}

.etape_selected {
	background:url('../images/reservation_etoile.png') no-repeat;
}

.etape_selected_ok:hover {
	background:url('../images/reservation_etoile.png') no-repeat;
        background-position:-120px 0px;
}
.etape_selected a {
        color:#8c222c;
}

.etape_nombre{
     position:relative;
     top:26px;
     font-size:1.6em;
}


.margetop12{
	padding-top:12px;
}
.margetop6{
	padding-top:6px;
}
.fleche_nav{
	display:block;
	float:left;
	padding:15px 5px 0 5px;
}

/****************
Page description chalet
****************/
#desc_chalet_left { float:left; width:597px; margin:10px 0 0 0;}
#desc_chalet_right { float:right; width:200px; margin:10px 0 0 0; }
#desc_chalet_right h1 { width:90%; background:#717173; font-family:Arial, sans-serif; font-style:italic; font-size:1.4em; color:#FFF; padding:5px 5px 10px 5px; height:auto;min-height:50px;}
#desc_chalet_right .desc { width:90%; background:#dadadc; padding:5px;height:auto;min-height:345px; }
#desc_chalet_right h2 { font-family:Arial, sans-serif; font-style:normal; font-size:1.4em; color:#000; margin:0 0 10px 0; }
#desc_chalet_right p { font-family:Arial, sans-serif; font-style:normal; font-size:1.1em; color:#000; margin:0 0 10px 0; }
#photo_chalet_big { margin: 0 0 10px 15px; width:574px; }
#animation { margin: 0 0 10px 15px; width:574px; height:347px; overflow:hidden;}
#thumbnails_chalet { float:left;  }
#thumbnails_chalet_swf { float:right; padding: 0 5px 10px 15px;}
#swf { float:right; text-align:center; padding:0 0 0 0px; }
#swf ul, #swf li { margin:0; padding:0; list-style:none; }
#swf, #swf li {  width:255px; height:40px; overflow:hidden; }
#swf li { }
#swf li a { display:block; float:left; margin:0 5px 0 0; }
#swf li a img { height:40px; }
img.thumb_chalet { width:80px; height:48px; cursor:pointer;}
#vues_360 { display:block; float:right; }

/****************
page les services
****************/
h2.titre_rouge { color:#791517; font-style:normal; margin:10px 15px 15px 15px; padding:0 0 5px 0; border-bottom:1px solid #000; }

.description_services { padding:0 0 0 15px; }
/*.description_services * { color:black; }*/

#services_packs { padding:0 0 0 15px; }
.service_pack { float:left; margin:0 20px 0 0; }
.service_pack a { color:#000; text-decoration:none; }



/****************
footer
****************/

#footer a{font-family:Arial, sans-serif; font-size:1.1em; font-weight:bold; text-decoration:none; color:#fff; margin-right:10px;}


/****************
bread
****************/
#bread {
       font-size:1em;
}

#bread a {
        color:black;
}

#bread a:hover{
      text-decoration:underline;
}

/****************
plan
****************/
#plan {
        background:#717173;
        width:280px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        padding:10px;
        font-size:1.2em;
        font-weight:bold;
}

#plan a {
        color:white;
}

/****************
news
****************/
#news {
    background:url(../images/panneau_news.gif) no-repeat;
    height:230px;
    padding:4px;
    position:relative;
    top:-20px !important;
    top:-16px;
}

/****************
bordure réservation
****************/

.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

.resa_main_titre{
    color:#8c222c;
    font-size:2.3em;
    font-weight:bolder;
    font-family:Trebuchet MS;
    text-transform:uppercase;
}


.acces_pro_main_titre{
    color:#8c222c;
    font-family:Trebuchet MS;
    font-size:2.3em;
    font-weight:bolder;
    text-transform:uppercase;
}

.acces_pro_h1{
    color:#4f4f4f;
    font-size:1.2em;
    font-weight:bold;
}

.acces_pro_h2{
    color:#8b212b;
    font-size:1.4em;
    font-weight:bold;
    font-style:italic;
}


/****************
partenaire
****************/
.partenaire_desc{
    color:#787878;
    font-size:1.3em;
    font-weight:bold;
    text-align:left;
    padding:0 0 0 40px;
}