/*	général	*/
	body{
		background: url(images/fond-page.gif) repeat-x top left #a1d3f3;
		color: #fff;
		font-family: Verdana;
		font-size: 12px;
		margin: 0;
		padding: 0;
	}
	
	.clear{
		clear: both;
	}
	
	h1, ul, li{
		margin: 0;
		padding: 0;
	}
	
	#repere{
	position:absolute;
	z-index:99;
	right:0;
	bottom:0;
	width:1px;
	height:1px;
	}
	
	.invisible{
		display: none;
	}

	.visible{
		display: block;
	}

	.italic{
		font-style: italic;
	}

	.majuscule{
		text-transform: uppercase;
	}
	
	a img{
		border: none;
	}
	
	.centre{
		text-align: center;
	}
/*	général	*/

/* menu	*/
	#menu{
		margin:0 0 0 0px;
		width: 963px;
	}

	#menu ul{
		list-style: none;
		margin: auto;
		width: 865px;
	}
	
	#menu li{
		float: left;
		margin: 0 7px 0 0;
	}
	
	#menu li.dernier{
		margin-right: 0;
	}
	
	#menu li a{
		background: url(images/fond-menu.gif) repeat-x top left;
		color: #fff;
		display: block;
		height: 26px;
		padding-top: 6px;
		text-align: center;
		text-decoration: none;
		width: 162px;
	}
	
	#menu li a:hover{
		text-decoration: none;
	}
	
	ul#sousMenu1, ul#sousMenu2, ul#sousMenu3, ul#sousMenu4, ul#sousMenu5{
		position:absolute;
		width:162px;
		z-index:49;
	}
	
	#sousMenu1 li, #sousMenu2 li, #sousMenu3 li, #sousMenu4 li, #sousMenu5 li{
		float: none;
		margin: -1px 0 0 0;
	}
	
	#sousMenu1 li a, #sousMenu2 li a, #sousMenu3 li a, #sousMenu4 li a, #sousMenu5 li a
	{
		background: #4b2c27;
		border-top: 1px solid #6f4948;
		height: 22px;
		margin: 0;
		padding: 2px 0 0 5px;
		text-align: left;
		width: 210px;
	}
	
	#sousMenu1 li a:hover, #sousMenu2 li a:hover, #sousMenu3 li a:hover, #sousMenu4 li a:hover, #sousMenu5 li a:hover
	{
		background: #6f4948;
	}
	
	#sousMenu3 li a{
		width: 157px;
	}
/* menu	*/

/* page accueil */
	#global{
		position:relative;
		background: url(images/fond-accueil2.jpg) no-repeat top left;
		margin: auto;
		width: 980px;
	}
	
	#global.accueil{
		height: 585px;
	}

	#global #menu{
		float: left;
	}
	
	#accueilGauche{
		float: left;
		padding: 5px 0 0 16px;
		width: 240px;
	}
	
	#accueilGaucheAnglais{
		background:url(images/fond-transparent.png) repeat-y;
		float: left;
		margin:50px 0 0 10px;
		padding: 8px 8px 0 8px;
		width: 250px;
		z-index:50;
	}

	#accueilDroitAnglais{
		float: left;
		padding: 5px 0 0 10px;
		width: 196px;
	}
	
	#accueilGauche a{
		background: url(images/fond-lienAccueilGauche.png) no-repeat bottom left;
		color: #031b2e;
		display: block;
		font-weight: bold;
		height: 29px;
		margin: 5px 0 0 60px;
		padding: 4px 0 0 6px;
		text-decoration: none;
		width: 106px;
	}
	
	#accueilGauche a:hover{
		background-position: top left;
		text-decoration: none;
	}
	
	#accueilCentre{
		float: left;
		padding: 90px 0 0 25px;
		height: 425px;
	}
	#accueilCentreAnglais{
		float: left;
		padding: 30px 0 0 15px;
		height: 425px;
	}
	#accueilSpecialEte{
	display:block;
	position:absolute;
	right:16px;
	z-index:1000;
	top: 230px;
	}
	
	#promoPNeiges{
		display:block;
		position:absolute;
		right:13px;
		z-index:20;
		bottom: 180px;
	}
	#drapeauAnglais{
		display:block;
		position:absolute;
		text-align:center;
		right:8px;
		z-index:20;
		bottom: 510px;
	}
	#drapeauAnglais p{
		font-size:9px;
		padding:0;
		margin:0;
	}
	#drapeauFrancais{
		display:block;
		position:absolute;
		right:13px;
		z-index:20;
		bottom: 420px;
	}
	#sapinsDroits{
		bottom: 0px;
		display:block;
		height:326px;
		position:absolute;
		right:0px;
		width:283px;
		z-index:10;
	}
	#sapinsMilieu{
		bottom: 0px;
		display:block;
		height:316px;
		position:absolute;
		left:235px;
		width:245px;
		z-index:0;
	}
	#skisBas{
		bottom: 0px;
		display:block;
		height:327px;
		position:absolute;
		left:10px;
		width:241px;
		z-index:10;
	}
	#floconHaut{
		display:block;
		height:26px;
		left:10px;
		position:absolute;
		top: 10px;
		width:30px;
		z-index:10;
	}
	#accueilCentreAnglais h1 img{
		behavior: url(iepngfix.htc);
		height: 143px;
		width: 476px;
	}
	#accueilCentreAnglais a{
		behavior: url(iepngfix.htc);
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 115%;
		font-weight: bold;
		margin: 5px 0 0 0;
		text-decoration: none;
	}
	#accueilCentreAnglais a:hover{
		text-decoration: underline;
	}
	#accueilCentreAnglais a.reserver{
		background: url(images/fond-lien-fleche1.png) top left no-repeat;
		height: 34px;
		padding: 10px 0 0 25px;
		width: 119px;
	}
	#accueilCentreAnglais a.tarifs{
		background: url(images/fond-lien-fleche2.png) top left no-repeat;
		border: 0;
		height: 36px;
		padding: 14px 0 0 25px;
		width: 119px;
	}
	#accueilCentreAnglais a.information{
		background: url(images/fond-lien-fleche2.png) top left no-repeat;
		border: 0;
		height: 36px;
		padding: 14px 0 0 25px;
		width: 119px;
	}
	#accueilCentre h1 img{
		behavior: url(iepngfix.htc);
		height: 143px;
		width: 476px;
	}
	#accueilCentre a{
		behavior: url(iepngfix.htc);
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 115%;
		font-weight: bold;
		margin: 5px 0 0 0;
		text-decoration: none;
	}
	#accueilCentre a:hover{
		text-decoration: underline;
	}
	
	#accueilCentre a.reserver{
		background: url(images/fond-lien-fleche1.png) top left no-repeat;
		height: 34px;
		padding: 10px 0 0 40px;
		width: 104px;
	}
	
	#accueilCentre a.tarifs{
		background: url(images/fond-lien-fleche2.png) top left no-repeat;
		border: 0;
		height: 36px;
		padding: 14px 0 0 32px;
		width: 112px;
	}
	
	#chaletLiens{
		float: left;
		position:absolute;
		display:block;
		left:282px;
		margin: 30px 0 0 0;
		width: 140px;
		z-index:0;
	}
	
	#chaletsImage{
	behavior: url(iepngfix.htc);
	left:423px;
	display:block;
	position:absolute;
	height: 275px;
	margin: 0;
	padding: 0;
	width: 216px;
	}
/* page accueil */

/* pied de page */
	#pied{
		background: url(images/fond-pied.png) no-repeat top left;
		behavior: url(iepngfix.htc);
		font-size: 95%;
		display:block;
		position:absolute;
		height: 23px;
		padding-top: 15px;
		text-align: center;
		width: 980px;
		bottom:0;
		z-index:20;
	}
	
	#pied a{
		color: #fff;
		text-decoration: none;
	}
	
	#pied a:hover{
		text-decoration: underline;
	}
/* pied de page */

/* page */
	#global.sansFond{
		background: #fff;
		margin: 20px auto 0 auto;
	}
	
	#global.sansFond #pied{
		background-color: #fff;
	}

	#hautPage{
		background: url(images/fond-hautpage.jpg);
		height: 175px;
		width: 980px;
	}
	
	#hautPage #menu{
		margin-top: 5px;
	}
	
	#hautPage h1{
		display: inline;
		float: left;
		margin: 5px 0 0 135px;
		width: 378px;
	}

	#hautPage h1 img{
		behavior: url(iepngfix.htc);
		height: 111px;
		width: 378px;
	}

	#reservations{
		background: url(images/fond-reservation.png) no-repeat top left;
		behavior: url(iepngfix.htc);
		float: left;
		height: 110px;
		margin: 5px 0 0 0;
		padding: 0;
		text-align: center;
		width: 165px;
	}

	#reservations p{
		margin: 5px 0 0 0;
		padding: 0;
	}

	#reservations p.jaune{
		color: #fff117;
		font-size: 110%;
		font-weight: bold;
		margin: 5px 0 10px 0;
	}

	#reservations a{
		color: #fff117;
		text-decoration: underline;
	}

	#reservations a:hover{
		color: #fff117;
		text-decoration: none;
	}

	#promos{
		background: url(images/fond-promos.png) no-repeat top left;
		behavior: url(iepngfix.htc);
		color: #82431d;
		display: inline;
		float: left;
		height: 112px;
		margin: 5px 0 0 10px;
		text-align: center;
		width: 289px;
	}

	#promos .plusGros{
		color: #003d88;
		display: block;
		font-size: 200%;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0 15px 0 0;
	}

	#promos p{
		font-size: 135%;
		margin: 10px 0 0 0;
		padding: 0 5px 0 0;
	}
	
	#contenu{
		background: #fff;
		color: #82431d;
		padding: 20px 20px 20px 20px;
	}
	
	#contenu h1{
		border-bottom: 2px solid #82431d;
		font-size: 220%;
		margin: 0 0 20px 0;
	}
	
	#contenu a{
		color: #82431d;
		text-decoration: underline;
	}
	
	#contenu a:hover{
		color: #82431d;
		text-decoration: none;
	}
	
	#contenu ul{
		margin-left: 20px;
	}
/* page */

/* tableau tarifs */
	.tarifs, .tarifs2, .tarifs3, .tarifs4{
		border: 1px solid #929598;
		border-collapse: collapse;
		margin: 25px auto 0 auto;
		width: 637px;
	}
	
	.tarifs td, .tarifs2 td, .tarifs3 td{
		border-bottom: 1px solid #929598;
		color: #000;
		height: 25px;
		padding-left: 40px;
	}
	
	.tarfis .col1, .tarfis .col2, .tarfis .col3{
		width: 160px;
	}
	
	.tarifs td.col1{
		width: 180px;
	}

	.tarifs .entete1, .tarifs2 .entete1, .tarifs3 .entete1{
		background: #3f7eb3;
		height: 80px;
		text-align: center;
	}
	
	.tarifs .entete1 td, .tarifs2 .entete1 td, .tarifs3 .entete1 td, .tarifs4 .entete1 td{
		color: #fff;
		padding: 0;
	}

	.tarifs .entete2, .tarifs2 .entete2, .tarifs3 .entete2{
		background: #7fb7e6;
		height: 40px;
	}
	
	.tarifs .entete2 td, .tarifs .col2, .tarifs .col3, .tarifs2 .entete2 td, .tarifs2 .col2, .tarifs2 .col3, .tarifs2 .col4, .tarifs3 .entete2 td, .tarifs3 .col2, .tarifs3 .col3, .tarifs3 .col4, .tarifs3 .col5, .tarifs3 .col6, .tarifs3 .col7{
		color: #124b7b;
	}
	
	.tarifs2 .col2, .tarifs2 .col3, .tarifs2 .col4{
		width: 110px;
	}
	
	.tarifs2 td.col1{
		width: 190px;
	}

	.tarifs2 .entete2{
		height: 100px;
	}
	
	.tarifs3 .col2, .tarifs3 .col3, .tarifs3 .col4, .tarifs3 .col5, .tarifs3 .col6, .tarifs3 .col7{
		width: 30px;
	}
	
	.tarifs3 td.col1{
		width: 220px;
	}

	.tarifs3 .entete2{
		height: 50px;
	}
	
	.tarifs4{
		width: 400px;
	}
	
	.tarifs4 td{
		border-bottom: 1px solid #664240;
		color: #000;
		height: 25px;
		padding-left: 40px;
	}

	.tarifs4 .entete1{
		background: #664240;
		color: #000;
		height: 80px;
		text-align: center;
	}

	.tarifs4 .entete2 td{
		background: #e8e8e8;
		color: #664240;
		font-weight: bold;
		height: 40px;
	}
	
	.tarifs4 .col2, .tarifs4 .col3, .tarifs4 .col1{
		color: #664240;
		font-weight: bold;
		width: 160px;
	}
	
	.tarifs4 .col1{
		font-weight: normal;
	}
/* tableau tarifs */

/* formulaire reservation */
	#reservation a{
		color: #024a94;
		text-decoration: underline;
	}
	
	#reservation a:hover{
		text-decoration: none;
	}
	
	#reservation a.brochure{
		color: #664240;
	}
	
	#reservationGauche, #reservationDroite{
		float: left;
		width: 470px;
	}
	
	.asterisk{
		font-style: italic;
		text-align: right;
	}
	
	input, textarea, checkbox{
		border: 1px solid #a5acb2;
		color: #664240;
		float: left;
		font-family: Verdana;
		font-size: 14px;
	}
	
	textarea{
		width: 250px;
	}
	
	input{
		width: 200px;
	}
	
	input.petit{
		width: 100px;
	}
	
	input.checkbox{
		border: 0;
		width: 15px;
	}
	
	#arrhes{
		margin-bottom: 40px;
	}
	
	#arrhes .checkbox, #arrhes label{
		float: none;
	}
	
	#arrhes label{
		text-align: right;
		padding: 0 5px 0 20px;
	}
	
	label{
		float: left;
		font-size: 110%;
		padding-right: 10px;
		text-align: right;
		width: 110px;
	}
	
	#reservationGauche .clear, #reservationDroite .clear{
		background: #fff;
		height: 5px;
	}
	
	#formGauche{
		margin-top: 40px;
		width: 400px;
	}
	
	#envoyer{
		border: 0;
		display: block;
		float: none;
		margin: 20px auto 0 auto;
		width: 137px;
	}
	
	#formDroite{
		margin-top: 30px;
	}
	
	#formDroite label{
		width: 150px;
	}
/* formulaire reservation */


/* diaporama */
	.clearSpan{
		clear: both;
		display: block;
	}
	
	.diaporama a img, .fondCouleur a img{
		float: left;
		margin-right: 5px;
	}
	
	.diaporama a span, .fondCouleur a span{
		float: left;
	}
	
	.diaporama, .fondCouleur{
		display: block;
		float: left;
		height: 75px;
		margin-right: 5px;
		width: 250px;
	}
	
	.diaporamas{
		width: 700px;
		margin: 30px auto 0 auto;
	}
	
	.fondCouleur{
		background-color: #6f4948;
	}
	
	.fondCouleur a span{
		color: #fff;
	}
/*	diaporama	*/

/* tableau dispos */
	#disponibilites{
		border: 0;
		border-collapse: collapse;
		margin: 30px auto 0 auto;
		width: 500px;
	}
	
	#disponibilites td{
		border: 1px solid #664240;
	}
/* tableau dispos */

	.inputCB{
		width: 38px;
	}

	#lozereleisure{
		position:absolute;
		top:0;
		left:0;
		margin-left:928px;
	}