@charset "utf-8";
/* CSS Document */
/* Hotel Kaya */
a {color: #CC9900;}
a:link {color: #CC9900;}
a:visited {color: #CC9900;}
a:focus {color: #FFF;}
a:hover {color: #FFF;}
a:active {color: #CC9900;}

body {
background-color: #242424;
color: #FFF;
font: normal normal 14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}
/**      Pages avec scroll vertical       ***/
/********************************************/
body#pageReservations #global,
body#pageActu #global,
body#pageOffre #global,
body#pageTarifs #global,
body#pageLien #global,
body#pagePresse #global,
body#pageRecrutement #global,
body#pageBoutique #global,
body#pageLocation #global {
background: #333;
border: 1px solid #000;
border-bottom: none;
height: auto;
margin: 0 auto;
padding: 0 0 8px 0;
position: relative;
text-align: left;
width: 988px;
}
/* Page d'intro/Page d'accueil en Flash */
/****************************************/
body#pageAccueil #globalIntro h1 ,
body#pageAccueil #globalIntro h2 ,
body#pageAccueil #globalIntro p span {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
/*******         page Credits       *********/
/********************************************/
body#pageCredit #contenu p {
margin: 20px 0 0 30px;
padding: 0;
width: 500px;
}
/*******  page Liens partenaires    *********/
/********************************************/
body#pageLien li {
margin: 5px 0;
}
body#pageLien #contenu p {
margin: 0 0 10px 15px;
padding: 0;
width: 480px;
}
/*******  page Mentions legales     *********/
/********************************************/
body#pageMention #contenu p {
margin: 20px 0 0 40px;
padding: 0;
width: 500px;
}
/*******     page Presse            *********/
/********************************************/
body#pagePresse h3 {
border-bottom: 1px solid #454545;
color: #C90;
margin: 0 0 15px 0;
padding: 0;
}
body#pagePresse #contenu p {
margin: 20px 0 0 155px;
padding: 0;
width: 580px;
}
#flashVideo {
margin: 0 auto;
width: 550px;
}
/*******         Actualite         *********/
/*******************************************/
body#pageActu #global #contenu {
margin: 0;
padding: 0 0 30px 0;
}
body#pageActu p {
margin: 5px;
width: auto;
}
body#pageActu h3 {
border-bottom: 1px solid #454545;
color: #C90;
margin: 0 0 15px 0;
padding: 0;
}/*{
color:#C90;
margin: 5px;
}*/
body#pageActu h4 {
color: #FFF;
font-style: italic;
margin: 5px;
}
/*******        Page Tarifs        *********/
/*******************************************/
body#pageTarifs #contenu p, body#pageOffre #contenu p {
font-size: 12px;
margin: 5px 0 5px 20px;
width: auto;
}
body#pageTarifs h2, body#pageOffre h2 {
margin-bottom: 20px;
}
/*******************************************/
#btnDoc {	/*Telecharger la doc*/
top: 135px;
position: absolute;
right: 17px;
z-index: 1;
}
#btnStopMusique {
background: #3E3E3E;
color: #3E3E3E;
left: 10px;
position: absolute;
top: 79px;
}
#chdf {	/*Chateaux et Hotels de France*/
bottom: 40px;
position: absolute;
right: 2px;
} 
#contenu {
margin: 0;
padding: 0;
}
#contenu p {
margin: 10px 0 0 10px; 
padding: 0;
}
#contenu p#piedPage {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
#footer {
background: #3C3C3C;
border: 1px solid #000;
border-top: none;
margin: 0 auto;
padding: 0;
width: 988px;
}
#footer img {
margin: 0;
padding: 0;
}
#global {
background: #333/* url(img/com/pied_page.gif) left bottom no-repeat*/;
border: 1px solid #000;
border-bottom: none;
height: 561px;
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
width: 988px;
}
#globalIntro {
background: #333;
border: 1px solid #000;
height: 584px;
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
width: 988px;
}
#globalIntro p {
color: #5F5F5F;
font-size: 12px;
text-align: center;
}
#globalIntro a {
color: #5F5F5F;
text-decoration: none;
}
#globalIntro a:hover {
color: #666;
text-decoration: none;
}
h1 {
background: #333 url(../img/com/logo_kaya_entete.gif) center top no-repeat;
border: 0;
height: 79px;
margin: 0;
padding: 0;
width: 988px;
}
h1 span {
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
h2 span {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
h3 span {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
img {
border: none;
}
/*******        page Magasin       *********/
/********************************************/
#contenu p#telecharger {
font-size: 12px;
margin: 5px 0 5px 20px;
position: absolute;
top: 446px;
width: 250px;
}
/*******       Materiel de ski      *********/
/********************************************/
#listeSki {
	background: #FFF;
	border: none;
	border-collapse: collapse;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
	width: 729px;
}
#listeSki a {color: #000;}
table.blocArticle {
	background: #FFF;
	border-bottom: 1px solid #CCC;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
	width: 729px;
}
#listeSki .blocArticle td {
border-bottom: 1px solid #CCC;
margin: 0;
padding: 0;
}
#listeSki input, .blocArticle input {width: 15px;}
#listeSki td {
border: none;
margin: 0;
padding: 0;
}
#listeSki th {
background: #333;
color: #FFF;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0 5px;
vertical-align: bottom;
}
#listeSki input.btnAjouter {
height: 27px;
margin: 0;
padding: 0;
vertical-align: middle;
width: 28px;
}
#listeSki td.familleProd {
	border-bottom: 2px solid #DEE3E9;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 6px 0 0 10px;
	text-align: left;
	text-transform: uppercase;
}
#listeSki th#listeSkiDescription, .blocArticle  th#listeSkiDescription {width: 300px;}
#listeSkiDescription p {margin: 0 0 5px 0;}
/******************************************************/
.prodImg {
margin: 0;
padding: 0;
width: 101px;
}
.prodDetail { width: 58px;}
.prodDescription { width: 170px;}
.prodPrix1 { width: 75px;}
.prodPrix2 { width: 75px;}
.prodQte { width: 70px;}
.prodAjouter { width: 30px;}

.sousFam_,
.sousFam_Expert,
.sousFam_Confirmé,
.sousFam_Loisir,
.sousFam_Junior,
.sousFam_Baby {width: 100px;}

.sousFam_Expert {
	background-color:#000;
	color:#fff;
}
.sousFam_Confirmé {
	background-color:#ff0000;
	color:#fff;
}
.sousFam_Loisir {
	background-color:#000080;
	color:#fff;
}
.sousFam_Junior {
	background-color:#000080;
	color:#fff;
}
.sousFam_Baby {
	background-color:#000080;
	color:#fff;
}
/********** Inscription Newsletter *********/
/*******************************************/
#formAmi label {
float: left;
margin: 0 0 0 10px;
width: 200px;
}
#formAmi label input {width: 95%;}
body#pageNewsletter #contenu p {
margin: 5px 0 10px;
padding: 0;
width: auto;
}
#formAmi {
margin: 0 auto;
width: 670px;
}
#formAmi fieldset {
background: #282828;
border-bottom: 1px solid #454545;
border-left: none;
border-right: none;
border-top: 1px solid #454545;
}
#formAmi legend {color: #CCC;}
/********** Formulaire de Contact **********/
/*******************************************/
#formulaireContact {
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
margin: -5px 0 0 0;
padding: 0;
width: 980px;
}
#formulaireContact p {
font-size: 10px;
margin: 1em auto;
padding: 0;
width: auto;
}
#formulaireContact table caption {
background: #242424;
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
}
#formulaireContact table {
border: 2px solid #242424;
margin: 5px auto;
padding: 5px;
width: 420px;
}
#formulaireContact table th {
font-size: 10px;
font-weight: normal;
width: 150px;
}
#formulaireContact table th {
background-color: #242424;
padding: 4px;
text-align: left;
}
#formulaireContact table td.center {
margin: 0;
padding: 0;
text-align: center;
}
#formulaireContact table td {
background-color: #3F3F3F;
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
text-align: left;
}
#formulaireContact table th.obligatoire {
color: #F90;/* #892E55 */
font-weight: bold;
}
#formulaireContact #fieldsetLeft {
float: left;
margin: 0 0 0 25px;
padding: 0;
}
#formulaireContact #fieldsetRight {
margin: 0 0 0 480px;
padding: 0;
}
#formulaireContact fieldset {
border: 1px solid #666;
background-color: #333;
height: 380px;
padding: 2px;
width: 420px;
}
#formulaireContact fieldset legend {
color: #CCC;
font: normal bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#formulaireContact input {
width: auto;
}
#formulaireContact select {
font-size: 10px;
}
/******* Formulaire de Reservation *********/
/*******************************************/
#formulaireReservation {
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
margin: 0  0 0 18%;
padding: 0 0 30px 0;
width: 65%;/*600px*/
}
#formulaireReservation p {
font-size: 10px;
margin: 1em auto;
padding: 0;
width: auto;
}
#formulaireReservation p#libelle {
font-size: 14px;
margin: 1em auto;
padding: 0;
width: auto;
}
#formulaireReservation table caption {
background: #242424;
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
}
#formulaireReservation table {
border: 2px solid #242424;
margin: 5px auto;
padding: 5px;
width: 580px;
}
#formulaireReservation table th {
font-size: 10px;
font-weight: normal;
width: 150px;
}
#formulaireReservation table th {
background-color: #242424;
padding: 4px;
text-align: left;
}
#formulaireReservation table td.center {
margin: 0;
padding: 0;
text-align: center;
}
#formulaireReservation table td {
background-color: #3F3F3F;
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
text-align: left;
}
#formulaireReservation table th.obligatoire {
color: #F90;/* #892E55 */
font-weight: bold;
}
#formulaireReservation fieldset {
border: 1px solid #666;
background-color: #333;
padding: 5px;
}
#formulaireReservation fieldset legend {
color: #CCC;
font: normal bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#formulaireReservation input {
width: auto;
}
#formulaireReservation select {
font-size: 10px;
}
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 15%;
}
#msgRetourForm p {
margin: 0;
padding: 0;
}
/**************************************/
#pageTarifs #tarif2 p.offreSpeciale {
color: #FFF;
margin: 0 0 0 5px;
padding: 0;
}
/*******   Plan Station et pistes  *********/
/*******************************************/
#plan {
background: #242424;
height: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
}
/**********  Referencement  ************/
/***************************************/
#referencement {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
#gpa {
color: #545454;
font-size: 0.8em;
text-align: center;
}
#gpa a:link {color: #545454;}
#gpa a:visited {color: #545454;}
#gpa a:focus {color: #666;}
#gpa a:hover {color: #666;}
#gpa a:active {color: #666;}
/*******    Tableau des Tarifs     *********/
/*******************************************/
table#tarif {
border-collapse: separate;
border: 2px solid #242424;
float: left;
margin: -20px 10px 0 0;
}
table#tarif caption {
background: #242424;
}
table#tarif caption em {
color: #CCC;
}
table#tarif thead th, table#tarif tbody th, table#tarif td {
padding: 3px;
}
table#tarif thead th {
background: #242424;
color: #C90;
text-align: center;
vertical-align: top;
}
table#tarif thead th.titreTableTarif {
color: #FFF;
font-size: 18px;
vertical-align: middle;
}
table#tarif tbody th {
background: #242424;
font-weight: normal;
}
table#tarif tbody th strong {
color:#C90;
}
table#tarif td {
background: #292929;
padding: 3px;
text-align: center;
}
table#tarif td.left {
color: #CCC;
text-align: left;
}
table#tarif ul {
margin: 0;
padding: 0;
}
table#tarif li {
color: #FFF;
font: normal normal 12px Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0;
padding: 0;
}
/*** Tarifs supplémentaires (a droite du tableau des tarifs) ***/
#tarif2 {
color: #B0B0B0;
font-size: 12px;
margin: -15px 0 0 670px;
padding: 0 5px 5px 5px;
}
#tarif2 ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
}
#tarif2 li {
margin: 2px 0;
}
#tarif2 li em {
color: #FFF;
}
#tarif2 li strong {
text-decoration: underline;
}
#tarif2 li li {
margin: 2px 5px;
}
/*******    Tableau des Tarifs 2007    *****/
/*******************************************/
table#tarif2007 {
border-collapse: separate;
/*border: 2px solid #242424;*/
margin: -20px auto 0 auto;
width: 80%;
}
table#tarif2007 caption {
background: #242424;
}
table#tarif2007 caption em {
color: #CCC;
}
table#tarif2007 thead th, table#tarif2007 tbody th, table#tarif2007 td {
padding: 3px;
}
table#tarif2007 thead th {
background: #242424;
color: #C90;
text-align: center;
vertical-align: top;
}
table#tarif2007 thead th.titreTableTarif {
color: #FFF;
font-size: 18px;
vertical-align: middle;
}
table#tarif2007 tbody th, .tarif2007-2 th {
background: #242424;
font-weight: normal;
padding: 3px;
}
table#tarif2007 tbody th strong, .tarif2007-2 th strong {
color:#C90;
}
table#tarif2007 td, .tarif2007-2 td {
background: #292929;
padding: 3px;
text-align: center;
}
table#tarif2007 td.left {
color: #CCC;
text-align: left;
}
table#tarif2007 ul {
margin: 0;
padding: 0;
}
table#tarif2007 li {
color: #FFF;
font: normal normal 12px Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0;
padding: 0;
}
/*** Tarifs supplémentaires (a droite du tableau des tarifs) ***/
.tarif2007-2 {
color: #B0B0B0;
font-size: 12px;
margin: 10px auto;
width: 80%;
}
.tarif2007-2 td {
text-align: left;

}
.tarif2007-2 th {
font-weight: bold;
width: 30%;
}
/* Offres speciales*/

#pageOffre h3 {
color: #C90;
margin: 1em 0 0.3em 0;
padding: 0 0 0 0.6em;
}
#pageOffre h3 strong {
font-size: 1.4em;
text-decoration: underline;
}
#pageOffre h3 em {
font-size: 0.9em;
font-style: normal;
font-weight: normal;
}
#pageOffre #hSub {
color: #C90;
margin: 0 0 1em;
padding: 0 0 0 0.6em;
}
/*******    Tableau des Offres speciales  *****/
/*******************************************/
table#offre {
border-collapse: separate;
/*border: 2px solid #242424;*/
margin: 1em auto;
width: 80%;
}
table#offre caption {
background: #242424;
}
table#offre caption em {
color: #CCC;
}
table#offre thead th, table#offre tbody th, table#offre td {
padding: 3px;
}
table#offre th.col2, table#offre td.col2 {
background: #4F4A4A;
}
table#offre thead th {
background: #242424;
color: #C90;
text-align: center;
vertical-align: top;
}
table#offre thead th.titreTableTarif {background: #333;}
table#offre tbody th {
background: #242424;
font-weight: normal;
padding: 3px;
}
table#offre tbody th strong {
color:#C90;
}
table#offre td {
background: #292929;
padding: 3px;
text-align: center;
}
table#offre td.left {
color: #CCC;
text-align: left;
}
table#offre ul {
margin: 0;
padding: 0;
}
table#offre li {
color: #FFF;
font: normal normal 12px Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0;
padding: 0;
}
/*******   page Acces a la station  *********/
/********************************************/
#txtAcces {
margin: 10px 0 0 410px;
}
#txtAcces p {
margin: 10px 0;
width: auto;
}
ul#mention {
font-size: 16px;
list-style-type: none;
}
ul#mention li {
margin: 5px 0;
}
/********************************************/
/*******   page Recrutement         *********/
/********************************************/

#RecrutList {
border-collapse: collapse;
margin: 20px auto;
width: 90%;
}
#RecrutList td {
background: #2F2C2C;
border-bottom: 1px dotted #666;
padding: 5px;
}
#RecrutList th {
background: #242424;
border-bottom: 1px dotted #666;
color: #C90;
font-style: italic;
padding: 5px;
text-align: left;
width: 10em;
}
#RecrutList tr.lineP td, #RecrutList tr.lineP th {
background: #EFFAFF;
}
#RecrutList th.center {text-align: center;}
#RecrutList thead th {
border-bottom: 2px solid #A8C3CF;
border-top: 2px solid #A8C3CF;
}
#RecrutList tr {background: #FFF;}
/*******************************************/
/************* Les Classes *****************/
/*******************************************/
.aeroport {
float: left;
margin: 0;
padding: 0;
width: 250px;
}
.blocOffre {
border: 1px solid #1F1F1F;
float: left;
height: 250px;
margin: 10px 30px;
padding: 0;
width: 400px;
}
.blocPresse {
margin: 20px 0 15px 100px;
width: 740px;
}
.btn {
background: #666;
border-bottom: 1px solid #333;
border-left: 1px solid #CCC;
border-right: 1px solid #333;
border-top: 1px solid #CCC;
color: #FFF;
}
.btn:hover {cursor: pointer;}
.center {
text-align: center;
}
#contenu p.floatRight {
float: right;
margin: 0 15px 0 0;
}
.imgFloatLeft {
float: left;
margin: 0 5px 0 0;
}
.infoLegal {font-size: 12px;}

.left {
text-align: left;
}
.obligatoire, label em {
color: #F90;
font-weight: bold;
}
.right {text-align: right;}
.separateur {
clear: both;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
.skibus {
float: left;
margin: 0;
padding: 0;
width: 300px;
}