/* CSS Document */

html, body{width:100%}
html{font-size:100%;}
body{
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background:#eeeeee url(../medias/img/fond_body.gif) repeat-x top;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}
label{cursor:pointer;}

a{color:#283996;}


#flashAccueil{
	z-index:5;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-497px;
	width:993px;
	height:583px;
}

#menuAlternatif{
	z-index:1;
	/*z-index:6;*/
	position:absolute;
	top:12px;
	left:50%;
	margin-left:-480px;
	width:960px;
	height:560px;
	/*background:yellow;*/
}

h1, h2{font:normal bold .7em/normal Arial, Verdana, sans;}
.menuPrincipal{
	list-style-type:none;
	font:normal normal .7em/normal Arial, Verdana, sans;
}

#main{
	z-index:6;
	position:absolute;
	left:50%;
	top:463px;
	margin-left:-491px;
	width:980px;
	height:113px;
	/*background:black;*/
}

#menuSecondaire{
	z-index:8;
	position:absolute;
	top:-457px;
	right:0;
	list-style-type:none;
	color:#ffffff;
	font:normal normal .7em/normal Arial, Verdana, sans;
	text-align:right;
	padding:3px 9px 0 0;
}
#menuSecondaire li{
	display:inline;
	margin:0 5px 0 0;
	border-left:1px solid #ffffff;
}
#menuSecondaire li img{position:relative;top:2px;}
#menuSecondaire li.firstChild{border:none;}
#menuSecondaire li a{color:#ffffff;text-decoration:none;margin:0 0 0 8px;}
#menuSecondaire li a:hover, #menuSecondaire li.active a{text-decoration:underline;}

.menuFlash{
	z-index:6;
	position:absolute;
	top:1px;
	width:478px;
	height:25px;
	color:#959595;
	list-style-type:none;
	text-align:center;
	padding:4px 0 0 0;
	/*background:pink;*/
}
#encarGauche{left:5px;}
#encarDroite{right:5px;}
.menuFlash li{
	display:inline;
	font:normal normal .9em/normal Arial, Verdana, sans;
	border-left:1px solid #000000;
	margin:0 5px 0 0;
	text-transform:capitalize;
}
.menuFlash li.firstChild{border-left:none;}
.menuFlash li a{color:#959595;text-decoration:none;margin:0 0 0 8px;}
.menuFlash li a:hover, .menuFlash li.active a{color:#ffffff;text-decoration:underline;}


.contenuInfo{
	position:absolute;
	left:50%;
	top:496px;
	
	/*width:480px;
	height:76px;*/
	width:472px;
	height:60px;
	
	padding:8px 4px;
	/*background:yellow;*/
}
.contenuInfo2{
	position:absolute;
	left:50%;
	top:496px;
	width:472px;
	height:60px;
	padding:2px 6px 0px 8px;
}
.contenuInfo.gauche{margin-left:-487px;}
.contenuInfo.droite{margin-left:5px;}

#g01, #d01{z-index:8;}
#g02, #g03, #g04, #d02, #d03{z-index:2;}


/*--- STYLES DU CONTENU DE LA PAGE D'ACCUEIL  ---*/
/*-----------------------------------------------------------------------*/
/*--- les tableaux  ---*/
.meteoAccueil, .etatPistes{
	width:100%;
	font-weight:normal;
	line-height:normal;
	font-family:Arial, Verdana, sans;
	border-collapse:collapse;
	text-align:center;
}
.tableEntete{
	font-size:.8em;
	border-bottom:1px solid #d3d3d3;
	padding:0 0 3px 0;
}
.tableCell{
	font-size:.7em;
	padding:5px 0;
}
.tableCell, .tableEntete{
	border-right:1px solid #d3d3d3;
	background-position:right 6px;
	background-repeat:no-repeat;
}
.cellNoBorder{border-right:none;}
.pistesVertes{color:#00c942;}
.pistesBleues{color:#2484e7;}
.pistesRouges{color:#e72424;}
.pistesNoires{color:#000000;}
.pistesVertes, .pistesBleues, .pistesRouges, .pistesNoires{position:relative;top:4px;}
/*--- les tableaux  ---*/
/*-----------------------------------------------------------------------*/
/*--- WEBCAM  ---*/
.visuelWebcam{
	border:2px solid #000000;
	margin:0 0 0 20px;
	vertical-align:top;
}
.accueilWebcam{padding:0 3px;}
.webcamHorraire{
	font:normal bold .8em/normal Arial, Verdana, sans;
	text-transform:uppercase;
}
.webcamResume{
	position:absolute;
	right:2px;
	top:10px;
	width:150px;
	font:normal normal .7em/normal Arial, Verdana, sans;
	padding:0 4px 0 0;
}
/*--- WEBCAM  ---*/
/*-----------------------------------------------------------------------*/
/*--- LISTES  ---*/
.listeResumAccueil{
	list-style-type:none;
	font:normal normal .7em/normal Arial, Verdana, sans;
	padding:1px 5px 0 5px;
	margin:0;
}
.listeResumAccueil li{
	height:14px;
	border-bottom:1px solid #d3d3d3;
	padding:2px 0;
	margin:0;
}
.listeResumAccueil li.noBorderBottom{border-bottom:none;}
.listeResumAccueil li strong{padding:0 15px 0 0;}
.listeResumAccueil li a{
	text-decoration:none;
	color:#000000;
}
.listeResumAccueil li a:hover{color:#283996;text-decoration:underline;}
/*--- LISTES  ---*/
/*-----------------------------------------------------------------------*/
/*--- FORMULAIRE RESA  ---*/
.formResaAccueil{
	font:normal normal .7em/normal Arial, Verdana, sans;
	padding:0 4px;
}
.formResaAccueil p{padding:1px 0 5px 0;}
.formResaAccueil input, .formResaAccueil select{color:#5f5f5f; font:normal normal 1em/normal Arial, Verdana, sans;}
.formResaAccueil input{
	border:none;
	padding:4px 4px;
}
.formResaAccueil label{
	text-align:right;
	margin:0 5px 0 4px;
}
.formResaAccueil input.formInputSmall{
	width:26px;
	background:#ffffff url(../medias/img/fond_input_small.gif) no-repeat center top;
}
.formResaAccueil input.formInputMedium{
	width:54px;
	background:#ffffff url(../medias/img/fond_input_medium.gif) no-repeat center top;
}
.formResaSubmit{
	position:absolute;
	right:6px;
	top:12px;
	width:71px;
	height:51px;
	background:transparent url(../medias/img/fr/rechercher.png) no-repeat left top;
	cursor:pointer;
}
#resaCalendrier{
	text-decoration:none;
	position:absolute;
}
/*Calendrier JAVASCRIPT*/
#fc{
	z-index:10;
	left:50%;
	margin-left:117px;
	*margin-left:0;
	top:556px;
	margin-top:3px;
}
/*--- FORMULAIRE RESA  ---*/

/*-----------------------------------------------------------------------*/
/*--- BONS PLANS  ---*/
.visuelPlan{
	float:left;
	border:2px solid #000000;
	margin:0 8px 0 0;
}
.bonPlansAccueil{font:normal normal .7em/1.1em Arial, Verdana, sans;}
.titrePlan{font:normal bold .8em/normal Arial, Verdana, sans;}
.detailPrix{
	padding:7px 0 0 0;
	font:normal normal .7em/normal Arial, Verdana, sans;
}
.savoirPlusPlan{
	font:normal normal .7em/normal Arial, Verdana, sans;
	position:absolute;
	right:12px;
	bottom:7px;
}
/*--- BONS PLANS  ---*/

/* --- bouton hébergements accueil --*/

#hotel_home, #chalet_home, #immo_home{
	display:block;
	width:140px;
	height:80px;
	float:left;
	margin-left:12px;
	padding:0;
	font:normal bold .7em/normal Arial, Verdana, sans;
	color:#000000;
	text-decoration:none;
	text-align:center;
}

#hotel_home{
	background:url(../medias/img/b-hotel-accueil.jpg) no-repeat left 13px;
}

#hotel_home:hover{
	background:url(../medias/img/b-hotel-accueil-over.jpg) no-repeat left 13px;
}

#chalet_home{
	background:url(../medias/img/b-chalet-accueil.jpg) no-repeat left 13px;
	font:normal bold .6.2em/normal Arial, Verdana, sans;
}

#chalet_home:hover{
	background:url(../medias/img/b-chalet-accueil-over.jpg) no-repeat left 13px;
}

#immo_home{
	background:url(../medias/img/b-immo-accueil.jpg) no-repeat left 13px;
}

#immo_home:hover{
	background:url(../medias/img/b-immo-accueil-over.jpg) no-repeat left 13px;
}