@charset "utf-8";
@import url('boutique_valthorens.css');
@import url('commun.css');
/* CSS Document */
div#nav {
	background: #3E3E3E;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
	margin: 0;
	padding: 0;
	width: 773px;
	}

div#nav ul#menu {
	background: transparent url(../img/img_valthorens/gb/nav.gif) top left no-repeat;
	height: 22px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 773px;
	}

div#nav ul#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	display: block;
	height: 22px;
	
	}
div#nav ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navAccueil 	{left: 157px; width: 38px;}
#navVille 	{left: 195px; width: 75px;}
#navResidence 	{left: 270px; width: 94px;}
#navRestaurant 	{left: 364px; width: 69px;}
#navMateriel 	{left: 433px; width: 87px;}
#navReservation {left: 520px; width: 74px;}
#navContact 	{left: 594px; width: 50px;}
#navCommande 	{left: 644px; width: 91px;}
#navLangue 		{left: 735px; width: 38px;}

#navAccueil a:hover 	{background: transparent url(../img/img_valthorens/gb/nav.gif) -157px -22px no-repeat;}
#navVille a:hover 	{background: transparent url(../img/img_valthorens/gb/nav.gif) -195px -22px no-repeat;}
#navResidence a:hover 	{background: transparent url(../img/img_valthorens/gb/nav.gif) -270px -22px no-repeat;}
#navRestaurant a:hover 	{background: transparent url(../img/img_valthorens/gb/nav.gif) -364px -22px no-repeat;}
#navMateriel a:hover 	{background: transparent url(../img/img_valthorens/gb/nav.gif) -433px -22px no-repeat;}
#navReservation a:hover {background: transparent url(../img/img_valthorens/gb/nav.gif) -520px -22px no-repeat;}
#navContact a:hover 	{background: transparent url(../img/img_valthorens/gb/nav.gif) -594px -22px no-repeat;}
#navCommande a:hover 	{background: transparent url(../img/img_valthorens/gb/nav.gif) -644px -22px no-repeat;}
#navLangue a:hover 		{background: transparent url(../img/img_valthorens/gb/nav.gif) -735px -22px no-repeat;}

/*** nav accueil resa materiel et appartement ***/

div#navAccueilResa {
	background: transparent;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 73px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	left: 310px;
	width: 343px;
	}

div#navAccueilResa ul#menu {
	background: transparent url(../img/com/nav-accueil-reservation-gb.gif) top left no-repeat;
	height: 73px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 343px;
	}

div#navAccueilResa ul#menu li {
	left: 136px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	}
	
div#navAccueilResa ul#menu li, div#navAccueilResa ul#menu a {
	display: block;
	height: 21px;
	}
div#navAccueilResa ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navResaMateriel {top: 27px; width: 112px;}
#navResaAppart 	{top: 48px; width: 98px;}

#navResaMateriel a:hover 	{background: transparent url(../img/com/nav-accueil-reservation-gb.gif) -136px -100px no-repeat;}
#navResaAppart a:hover 	{background: transparent url(../img/com/nav-accueil-reservation-gb.gif) -136px -121px no-repeat;}
/*** Les sous menus deroulants ***/

#subMenuVille {left: 200px;}
#subMenuResidence {left: 275px;}

#subMenuVille,
#subMenuResidence {
background: #FFF;     
border: none;
font-size: 0.85em;
position: absolute;
top: 96px;
visibility: hidden; 
width: 140px;
z-index: 1;
}
#subMenuVille ul,
#subMenuResidence ul {
margin: 0;
padding: 0;
}
#subMenuVille li,
#subMenuResidence li {
border-bottom: 2px solid #FFF;
list-style: none;
margin: 0;
padding: 0;
}
#subMenuVille li a,
#subMenuResidence li a {
background: #FFF url(../img/img_valthorens/com/bg-submenu.gif) left top repeat-x;
color: #A4351E;
display: block;
padding: 4px 4px 0 4px;
text-align: left;
text-decoration: none;
}
#subMenuVille li a:hover,
#subMenuResidence li a:hover {
background: #D84B2D url(../img/img_valthorens/com/bg-submenu-hover.gif) left top repeat-x;
color: #FFF;
}
/**********************************/
/***** Navigation secondaire ******/
/**********************************/
/*     Panoramiques Plan Liens    */
/**********************************/
div#subnav {
	height: 43px;
	width: 773px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #3E3E3E;
	}

div#subnav ul#menu {
	height: 43px;
	width: 773px;
	background: transparent url(../img/img_valthorens/gb/subnav.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#subnav ul#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
/*border: 1px solid red;*/
	height: 43px;
	display: block;
	}
div#subnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#navPanorama {left: 0; width: 88px;}
#navPlan {left: 88px; width: 74px;}
#navLien {left: 162px; width: 96px;}

#navPanorama a:hover	{background: transparent url(../img/img_valthorens/gb/subnav.jpg) 0 -43px no-repeat;}
#navPlan a:hover {background: transparent url(../img/img_valthorens/gb/subnav.jpg) -88px -43px no-repeat;}
#navLien a:hover {background: transparent url(../img/img_valthorens/gb/subnav.jpg) -162px -43px no-repeat;}

/*** Titrage des pages ***/
#hCommande {
background: transparent url(../img/img_valthorens/gb/h_monpanier.gif) left top no-repeat;
height: 54px;
}
#hContact {
background: transparent url(../img/img_valthorens/gb/h_contact.gif) left top no-repeat;
height: 54px;
}
#hCredit {
background: transparent url(../img/img_valthorens/gb/h_credit_photo.gif) left top no-repeat;
height: 54px;
}
#hDejaClient {
background: transparent url(../img/img_valthorens/gb/h_deja_client.gif) left top no-repeat;
height: 54px;
}
#hDescriptif {
background: transparent url(../img/img_valthorens/gb/h_descriptif_plan.gif) left top no-repeat;
height: 54px;
}

#hLien {
background: transparent url(../img/img_valthorens/gb/h_lien_partenaire.gif) left top no-repeat;
height: 54px;
}
#hMateriel {
background: transparent url(../img/img_valthorens/gb/h_materiel.gif) left top no-repeat;
height: 54px;
margin: 0;
padding: 0;
}
#hMention {
background: transparent url(../img/img_valthorens/gb/h_mention_legale.gif) left top no-repeat;
height: 54px;
}
#hMonCompte {
background: transparent url(../img/img_valthorens/gb/h_moncompte.gif) left top no-repeat;
height: 54px;
}
#hMotPasse {
background: transparent url(../img/img_valthorens/gb/h_mot_de_passe_oublie.gif) left top no-repeat;
height: 54px;
}
#hOffre {
background: transparent url(../img/img_valthorens/gb/h_offre_speciale.gif) left top no-repeat;
height: 54px;
}
#hPlan {
background: transparent url(../img/img_valthorens/gb/h_plan_acces.gif) left top no-repeat;
height: 54px;
}
#hReservation {
background: transparent url(../img/img_valthorens/gb/h_reservation.gif) left top no-repeat;
height: 54px;
}
#hResidence {
background: transparent url(../img/img_valthorens/gb/h_residence.gif) left top no-repeat;
height: 54px;
}
#hRestaurant {
background: transparent url(../img/img_valthorens/gb/h_restaurant.gif) left top no-repeat;
height: 54px;
}
#hRetourForm {
background: transparent url(../img/img_valthorens/gb/h_contact_reservation.gif) left top no-repeat;
height: 54px;
}

#hSituation {
background: transparent url(../img/img_valthorens/gb/h_situation.gif) left top no-repeat;
height: 54px;
}
#hTarifEte {
background: transparent url(../img/img_valthorens/gb/h_tarif_ete.gif) left top no-repeat;
height: 54px;
}
#hTarifHiver {
background: transparent url(../img/img_valthorens/gb/h_tarif_hiver.gif) left top no-repeat;
height: 54px;
}
#hValThorens {
background: transparent url(../img/img_valthorens/gb/h_valthorens.gif) left top no-repeat;
height: 54px;
}
#hValThorensEte {
background: transparent url(../img/img_valthorens/gb/h_valthorens_ete.gif) left top no-repeat;
height: 54px;
}
#hValThorensHiver {
background: transparent url(../img/img_valthorens/gb/h_valthorens_hiver.gif) left top no-repeat;
height: 54px;
}