@charset "utf-8";
/* CSS Document */
/* Les Chalets du Soleil - Val Thorens */
body {
background:#600 url(../img/img_valthorens/com/bg_rouge.gif) left top repeat;
color: #000;
font: normal normal 14px "Times New Roman", Times, Georgia, serif;
margin: 0;
padding: 0;
text-align: center;
}
a {
color: #036;
}
img {
border: none;
}
ul {
margin-left: 390px; 
padding: 0;
}
ul ul li {
list-style-type: square;
}
#contenu.index {
background: #fff url(../img/img_valthorens/com/bg_page_index.jpg) left top no-repeat;
height: 295px; /* 324px */
padding: 0 22px; /* padding: 11px 22px; */
text-align: left;
}
html>body #contenu.index {
height: auto;
min-height: 295px; /* 324px */
}
#contenu {
background: #fff url(../img/img_valthorens/com/bg_page.jpg) left top no-repeat;
height: 346px; /* 346 */
margin: 0;
padding: 11px 22px 11px 22px;
text-align: left;
}
html>body #contenu {
height: auto;
min-height: 346px;
}
#global {
/*border: 1px solid red;*/
margin: 0 auto;
position: relative;
width: 773px;
}
#montagne {
background: transparent url(../img/img_valthorens/com/bg_montagne.jpg) center top repeat-x;
height: 485px;
}
#piedPage {
clear: both;
left: 0;
position: relative;
}
#lienPiedPage, #lienPiedPage a {
color: #fff;
}

h1 span, 
h2 span,
h3 span, 
h4 span {
height: 1px;
left: 0px;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
h1 {
background: #FFF url(../img/img_valthorens/fr/band_chalets-du-soleil.jpg) left top no-repeat;
height: 74px;
margin: 0;
padding: 0;
}

h2 {
color: #960;
font-weight: bold;
font-size: 20px;
margin: 0;
padding: 0;
text-decoration: underline;
}
h3 {
color: #F60;
font-weight: bold;
font-size: 20px;
text-decoration: underline;
}
h4 {
color: #600;
font-style: italic;
font-size: 16px;
}
#contenu p {
font-size: 14px;
}

/* Quand il n'y a pas d'offre speciale on affiche un message de Bienvenue sur la page d'accueil */
#bienvenue {
background: #fff url(../img/img_valthorens/com/bg_bienvenue.jpg) left top no-repeat;
height: 192px;
left: 293px;
padding: 15px;
position: absolute;
top: 212px;
width: 430px;
voice-family: "\"}\"";
voice-family: inherit;
height: 162px;
width: 400px;
}
#bienvenue h2 {
color: #900;
font-size: 18px;
}
#rosael, #rosael1 {
right: 12px;
position: absolute;
top: 109px;
}
/********************** page Liens partenaires */
#pageLien ul {
margin: 15px 50px; 
padding: 0;
}
#pageLien li {
margin: 8px 0;
}
/********************** page Offre Speciale */
p#offre:first-letter {
color: #960;
float: left;
font-size: 36px;
font-weight: bold;
line-height: 34px;
}
p#offre {
text-align: justify;
}
/********************** Les Tables */

/* Offre Speciale sur page d'accueil */
table#offreSpeciale {
background-color: transparent;
font-family: Arial, Helvetica, sans-serif;
height: 145px;
left: 285px;
position: absolute;
top: 210px;
width: 476px;
z-index: 1;
}
table#offreSpeciale th {
background-color: #fff;
padding: 0;
text-align: left;
}
table#offreSpeciale th.head {
height: 23px;
margin: 0;
padding: 0;
vertical-align: top;
}
table#offreSpeciale th.contenuOffre {
height: 105px;
margin: 0;
padding: 2px;
vertical-align: top;
}
table#offreSpeciale p {
color: #039;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0 5px;
}
table#offreSpeciale h1, table#offreSpeciale h2 {
line-height: normal;
margin: 2px 0;
padding: 0 0 0 2px;
text-decoration: none;
text-indent: 0;
}
table#offreSpeciale h1 {
color: #960;
font-size: 13px;
}
table#offreSpeciale h2 {
color: #960;
font-size: 12px;
font-weight: bold;
}
/************************* Encadre 'Offres speciales' dans page Tarif */
#tarifOffreSpeciale {
border-left: 1px dotted #C90;
margin: 10px 0 20px 15%;
padding-left: 10px
}
#tarifOffreSpeciale h2 {
letter-spacing: 3px;
}
#tarifOffreSpeciale ul {
font-size: 18px;
font-style: italic;
font-weight: bold;
margin: 0;
padding: 5px 0 5px 20px;
}
#tarifOffreSpeciale li li {
list-style-type: none;
}
/* Tables Tarifs saison hiver / ete */

#tarif {
text-align: center;
width: 100%;
}
#tarif caption, #descriptif caption {
color: #600;
font-weight: bold;
}
#tarif th, #tarif td {
border: 1px solid #CCC;
width: 16.6%;
}

/* Tables Descriptifs Appartement */
#descriptif {
text-align: left;
width: 100%;
}
#descriptif th, #descriptif td {
padding: 4px;
}
#descriptif th {
background-color: #D9CEB7;
}
#descriptif td {
background-color: #E2D9C7;
}
#descriptif ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
/* Page Tarifs saison hiver / ete */
#div1, #div2 {
float: left;
margin: 5px;
width: auto;
}
#div1 ul, #div2 ul {
margin: 0;
padding: 5px 0 5px 20px;
}
/********************** Pages Descriptifs et Plans des chalets */
ul#menuChalet {
font-size: 18px;
margin: 0 auto;
padding: 0;
text-align: center;
}
#menuChalet li {
display: inline;
}
#menuChalet li a {
margin-right: 10px;
}
#menuChalet li a:hover {
color: #069;
margin-right: 10px;
}
#menuChalet li a.on {
color: #600;
font-weight: bold;
}
/********************** Les Classes */
.bottom {
vertical-align: bottom;
}
.button {
width: 150px;
}
.cadre {
border: 2px solid #C90;
}
.center {
text-align: center;
}
.floatRight {
float: right;
}
.imgFloatLeft {
float: left;
margin: 0 5px 0 0;
}
.imgFloatRight {
float: right;
}
.left {
text-align: left;
}
.lettrine {
color: #960;
float: left;
font-size: 36px;
font-weight: bold;
line-height: 34px;
}
.obligatoire {
color: #600;
font-weight: bold;
}
.right {
text-align: right;
}
.separateur {
clear: both;
margin: 0;
padding: 0;
visibility: hidden;
}
.top {vertical-align: top;}

/* Formulaire de contact et de Reservation */
#formulaireReservation {
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
width: 80%;
}
#formulaire {
margin: 0 auto;
padding: 0;
width: 500px;
}
#formulaire label {
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	line-height: 1.8;
	margin: 0;
	padding: 0 .5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 20%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
}
fieldset {
	background-color: #EDF2F8;
	margin: 1em;
	padding: 5px 15px;
	width: auto;
}
input {
width: 60%;
}

legend {
	color: #D84B2D;
	font-weight: bold;
}
#formulaireReservation p {
font-size: 10px;
}
#formulaireReservation table caption {
margin: 0 auto;
}
#formulaire table, #formulaireReservation table {
margin: 0 auto;
padding: 5px;
width: 500px;
}
#formulaireReservation table th {
font-weight: normal;
width: 150px;
}
#formulaireReservation table th, #formulaireReservation table td {
background-color: #EDECE7;
padding: 4px;
text-align: left;
}
#formulaireReservation table th.obligatoire {
color: #600;
font-weight: bold;
}
#formulaireReservation fieldset {
background-color: transparent;
}
#formulaireReservation fieldset legend {
font: normal bold 14px Georgia, "Times New Roman", Times, serif;
}
#formulaireReservation label {
float: none;
width: auto;
}
#formulaireReservation input {
width: auto;
}
#formulaireReservation select {
font-size: 10px;
}
/********************* Referencement */
#referencement {
margin: 10px auto;
width: 773px;
}
#referencement, #referencement a {
color: #993300;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}