body{
	margin:0px;
	padding:0px;
	background:#007eff;
	font-family:arial;
}

a{
	outline:none;
}

.spacer{
	clear:both;
}

#menu{
	width:1025px;
	margin:0px auto;
	position:relative;
	z-index:10;
}

#menu .in .onglet{
	float:left;
	display:block;
}
#menu .in .onglet:hover{
	background-position:100% 0%;
}

#menu .in{
	
}

#bt1{
	width:119px;
	height:40px;
	background:url("pics/ski_vosges_accueil.png");
}
#bt2{
	width:123px;
	height:40px;
	background:url("pics/ski_vosges_station.png");
}
#bt3{
	width:140px;
	height:40px;
	background:url("pics/ski_vosges_services.png");
}
#bt4{
	width:125px;
	height:40px;
	background:url("pics/ski_vosges_tarifs.png");
}
#bt5{
	width:198px;
	height:40px;
	background:url("pics/ski_vosges_esf.png");
}
#bt6{
	width:154px;
	height:40px;
	background:url("pics/ski_vosges_partenaires.png");
}
#bt7{
	width:166px;
	height:40px;
	background:url("pics/ski_vosges_contacter.png");
}

#menu .panneau_menu{
	background:#85e979;
	position:absolute;
	border:solid 1px #60c450;
}



#menu .panneau_menu .in{
	padding:10px;
}

#menu_station{
	top:40px;
	left:119px;
	display:none;
}

#menu_services{
	top:40px;
	left:242px;
	display:none;
}

#menu_esf{
	top:40px;
	left:507px;
	display:none;
}

#menu .panneau_menu .in a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding:3px;
	margin:3px;
}

#menu .panneau_menu .in a:hover{
	background:#47b538;
}








#dessus{
	width:1025px;
	height:80px;
	margin:0px auto;
}








#baniere{
	width:1025px;
	height:256px;
	position:relative;
	margin:0px auto;
	background:#ffffff;
}

#logo{
	position:absolute;
	top:-60px;
	left:-20px;
	z-index:10;
}

#skiez{
	position:absolute;
	top:-25px;
	left:240px;
}

#surf{
	position:absolute;
	top:-40px;
	left:940px;
}

#surf_2{
	position:absolute;
	top:-28px;
	left:820px;
	color:#ffffff;
	font-size:12px;
}









#marge_dessus{
	width:100px;
	height:40px;
}









#contenu{
	width:1025px;
	background:#ffffff;
	margin:0px auto;
	position:relative;
	z-index:1;
	
}

#contenu .in{
	padding:20px;
}

#contenu .in .gauche{
	float:left;
	width:749px;
	margin-right:20px;
}

#contenu .in .droite{
	float:left;
	width:216px;
}

#contenu .in .gauche p{
	font-size:12px;
	color:#666666;
}

#contenu .in .gauche p:first-letter{
	font-weight:bold;
	color:#cccccc;
	font-size:16px;
}

#contenu .in .gauche ul{
	color:#444444;
	font-size:12px;
	margin-left:20px;
	font-weight:normal;
}

#contenu .in .gauche h3{
	color:#333333;
	font-size:14px;
	font-weight:bold;
}

#contenu .in .gauche h2{
	color:#007eff;
	font-size:14px;
	font-weight:bold;
}

#contenu .in .gauche .boissons{
	background:#666666;
}

#contenu .in .gauche .boissons td{
	background:#ffffff;
	padding:3px;
	font-size:14px;
	color:#666666;
}



#horloge_mini{
	width:216px;
	height:216px;
	background:url("pics/fond_horloge_neige.gif");
	position:relative;
	margin-bottom:20px;
}

#horloge_mini .in{
	text-align:center;
	padding-top:60px;
}

#horloge_mini .date{
	color:#007eff;
	font-family:arial;
	font-size:12px;
	letter-spacing:-1px;
}

#flocon_horloge{
	position:absolute;
	top:-15px;
	left:175px;
}

#webcam{
	width:216px;
	height:216px;
	background:url("pics/fond_webcam.gif");
	position:relative;
}






#tab_tarifs .tarifs{
	background:#ffffff;
}

#tab_tarifs td{
	padding:3px;

}




#tab_tarifs .adultes{
	color:#4d9a43;
}
#tab_tarifs .a1{
	background:#85e979;	color:#666666;
}
#tab_tarifs .a2{
	background:#a0f796;	color:#666666;
}
#tab_tarifs .a3{
	background:#bffeb7;	color:#666666;
}





#tab_tarifs .juniors{
	color:#d19b3c;
}
#tab_tarifs .j1{
	background:#ffb83b;	color:#666666;
}
#tab_tarifs .j2{
	background:#fec869;	color:#666666;
}
#tab_tarifs .j3{
	background:#fed58d;	color:#666666;
}





#tab_tarifs .enfants{
	color:#d7385e;
}
#tab_tarifs .e1{
	background:#ff547c;	color:#666666;
}
#tab_tarifs .e2{
	background:#ff6b8e;	color:#666666;
}
#tab_tarifs .e3{
	background:#ff91ab;	color:#666666;
}
#tab_tarifs .e4{
	background:#ffb1c4;	color:#666666;
}






#esf .gras{
	font-size:14px;
	font-weight:bold;
	color:#666666;
}
#esf .fin{
	font-size:14px;
	font-weight:normal;
	color:#666666;
}
#esf .prix{
	font-size:14px;
	font-weight:normal;
	color:#666666;
}
#esf .persone{
	font-size:14px;
	font-weight:bold;
	width:450px;
	border-bottom:dotted 2px #dddddd;
	display:inline-block;
	margin-left:100px;
	color:#666666;
}










#part{
	margin-left:50px;
}


#part .adresse{
	color:#666666 !important;
	font-size:14px !important;
}

#part a{
	color:#007eff;
}
#part .nom{
	color:#007eff;
	font-weight:bolder;
}
#part img{
	margin-right:50px;
}




#cont_contact .left{
	width:512px;
	float:left;
}

#cont_contact .right{
	width:512px;
	float:left;
}






#cont_contact .left h6{
	font-weight:bold;
	color:#007eff;
	font-size:14px;
	margin:0px;
	float:left;
	width:200px;
	margin-right:10px;
	text-align:right;
}	

#cont_contact .left input{
	border:solid 1px #b1b2b4;
	background:#c5c7c8;
	margin-bottom:5px;
}
#cont_contact .left input:hover{
	background:#ffffff;
}



#cont_contact .left textarea{
	border:solid 1px #b1b2b4;
	background:#c5c7c8;
	margin-bottom:5px;
}
#cont_contact .left textarea:hover{
	background:#ffffff;
}

#cont_contact .left #bt_envoyer{
	display:block;
	width:184px;
	height:25px;
	background:url("pics/bt_envoyer.jpg");
	
}

#cont_contact .left #bt_envoyer:hover{
	background-position:100% 0%;
}

#cont_contact .right #adresse{
	width:305px;
	height:196px;
	background:url("pics/carte_adresse.jpg");
	margin:0px auto;
}

#cont_contact .right #adresse .in{
	padding-top:60px;
	text-align:center;
	color:#007eff;
	font-size:14px;
}

#cont_contact .right #adresse .in h1{
	font-size:16px;
}






#cont_horloge{
	background-color:#ffb83b;
	position:relative;
	z-index:1;
}

#cont_horloge .hl_gauche{
	float:left;
	width:200px;
}

#cont_horloge .hl_droite{
	float:left;
	width:500px;
	margin-left:30px;
}


#cont_horloge .hl_gauche .hl_gauche_in{
	padding:10px;
}

#cont_horloge .hl_droite .hl_droite_in{
	padding:10px;
}

#horloge_bande{
	position:absolute;
	background:#ffb83b;
	height:216px;
	width:20px;
	top:0px;
	left:749px;
}
#cont_horloge .texte{
	font-size:12px;
	color:#007eff;
	font-weight:bold;
}

#cont_horloge .picto{
	border:solid 2px #007eff;
}







#tarifs table{
	width:100%;
	color:#666666;
}

#tarifs .gris{
	background:#eeeeee;
}














#l_a_a h1{
	font-family:arial;
	font-size:14px;
	color:#007eff;
	margin:0px;
}

#l_a_a span{
	font-family:arial;
	font-size:11px;
	color:#999999;
}

#l_a_a img{
	float:left;
	margin-right:5px;
	border:solid 1px #666666;
}

#l_a_a p{
	font-family:arial;
	color:#297f49;
	margin:0px;
	display:block;
}

#l_a_a  a span{
	text-decoration:none;
	float:right;
	color:#007eff;
	font-size:11px;
	border:dotted 1px #007eff;
	padding:2px 5px;
	background:#ffffff;
}
#l_a_a  a span:hover{
	background:#d1e5f9;
}






#cont_pistes{
	width:480px;
	height:500px;
	background:url("pistes/fond.gif");
	border:solid 1px #333333;
	position:relative;
}

#piste1{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.1;
	filter:alpha(opacity=10);
}
#piste2{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.1;
	filter:alpha(opacity=10);
}
#piste3{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.1;
	filter:alpha(opacity=10);
}
#piste4{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.1;
	filter:alpha(opacity=10);
}




#cont_meteo{
	height:78px;
	overflow:hidden;
}


#credit{
	text-align:center;
	font-family:arial;
	font-size:12px;
}
#credit a{
	color:#222222;
}


.trf{
	display:block;
	width:244px;
	height:54px;
}

.trf:hover{
	background-position:100% 0%;
}

#trf1{
	background-image:url("pics/tarif1.png");
}
#trf2{
	background-image:url("pics/tarif2.png");
}
#trf3{
	background-image:url("pics/tarif3.png");
}
#trf4{
	background-image:url("pics/tarif4.png");
}
#trf5{
	background-image:url("pics/tarif5.png");
}