@charset "utf-8";
/*INIT*/
body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dd,dt,form,fielset {
	margin : 0  ;
	padding : 0 ;
}
img {
	margin : 0  ;
	padding : 0 ;
	border : none ;
}
html {
	background : #32889f url(http://www.vacances-ski.eu/img/bg-html.jpg) repeat-x left top  ;
	height : 1350px ;
}
body {
	font-size : 1em ;
	-moz-opacity: 0.9999 ;
	height : 100% ;
}
/* HEADER */
div#header {
	position : absolute ;
	top : 10px ;
	left : 30px ;
}
#header h1 {
	font : Normal 1.2em/1.2em Arial Rounded MT Bold, Helvetica ;
	color : #eaf0f2 ;
}
#header h1 span {
	color : #56a6ba ;
}
#header p {
	font : Bold 0.7em/1em Arial, Helvetica ; 
	color : #c0d4d9 ;
}
/* MENU */
div#menu {
	position : absolute ;
	top : 60px ;
	left : 20px ;
	height : 40px ;
	width : 900px ;
	background : transparent url(http://www.vacances-ski.eu/img/bg-menu.png) no-repeat left top  ;
	z-index : 1 ;
}
#menu .liste {
	list-style-type : none ;
	font : Bold 0.75em/2.9em Arial, Helvetica, sans-serif ;
	padding : 0 ;
	margin : 0 0 0 2.1em ;
	float : left ;
}
.liste li {
	float : left ;
	padding-right : 0.4em ;
}
.liste a {
	/*color : #c0d4d9 ;*/
	color : #fff ;
	text-decoration : none ;
}
.liste a:hover {
	color : #fff ;
	text-decoration : underline ;
}
.fleche {
	padding-left : 1.6em ;
	background : transparent url(http://www.vacances-ski.eu/img/menu_arrow.png) no-repeat left center ;
}
/* CONTAINER MOTEUR ET CONTENT */
div.content-bg , div.content , div.moteur-bg , div.moteur {
	position : absolute ;
	background : transparent url(http://www.vacances-ski.eu/img/bg-moteur.jpg) repeat-x left top  ;
}
div.moteur-bg {
	top : 120px ;
	left : 20px ;
	height : 950px ;
	width : 280px ;
	z-index : 1 ;
}
div.moteur {
	top : 125px ;
	left : 25px ;
	width : 270px ;
	height : 950px ;
	z-index : 2 ;
}
.moteur h2 {
	font : Bold 1.2em/1.0em Georgia, Helvetica ;
	padding : 0.9em 0 0 0.5em ;
	color : #368ca3 ;
}
.moteur h3 {
	font : Normal 0.9em/1em Arial, Helvetica ;
	padding : 0 0 0.7em 0.7em ;
	color : #0e3c48 ;
}
div.content-bg {
	top : 120px ;
	left : 340px ;
	height : 950px ;
	width : 580px ;
	z-index : 1 ;
}
div.content {
	top : 125px ;
	left : 345px ;
	width : 570px ;
	height : 950px ;
	z-index : 2 ;
}
.content h2 {
	font : Bold 1.7em/1em Georgia, Helvetica ;
	padding : 0.5em 0 0 0.5em ;
	color: #368ca3 ;
}
.content h3 {
	font : Normal 0.8em/1.0em Arial, Helvetica, sans-serif ;
	padding : 0 0 0.6em 0 ;
	margin : 0 1.2em ;
	color: #0e3c48 ;
}
.content p {
	font : Normal 0.7em/1.1em Arial, Helvetica, sans-serif ;
	padding : 0.5em 1.5em 0 1.5em ;
	color: #0e3c48 ;
	text-align : justify ;
}
.content .intro {
	font : Normal 0.7em/1.1em Arial, Helvetica, sans-serif ;
	padding : 0.5em 1.5em 0 1em ;
	color: #0e3c48 ;
	text-align : justify ;
	float : right ;
	width : 270px ;
}
.content p a {
	text-decoration : none ;
	color: #368ca3 ;
}
.player {
	float : left ;
	width : 250px ;
	height : 196px ;
	margin : 0.5em 0 0 1em ;
	padding : 0.3em 0 0 0 ;
	text-align : center ;
	background : #368ca3 ;
}
/* IMAGE HEADER */
div.photo-ski {
	position : absolute ;
	top : 0 ;
	left : 660px ;
	height : 250px ;
	width : 150px ;
	z-index : 5 ;
}
/* OFFRES */
div.content-offre  {
	position : relative ;
	margin : 1em ;
	border : 4px solid #fff ;
}
.content-offre h2 {
	font : Bold 1em/1em Arial, Helvetica ;
	padding : 0.3em 0 0 0.5em ;
	color : #f08a1c ;
	background: #fff ;
}
.content-offre h3 {
	font : Bold 0.8em/0.9em Arial, Helvetica ;
	padding : 0em 0 0.2em 0.6em ;
	color : #368ca3 ;
	background: #fff ;
	margin : 0 ;
	border : none ;
}
.content-ski { 
	position : relative ; 
	margin : 0 ;
	padding: 0 ; 
	height : 120px ; 
	border-bottom : 1px solid #c0d4d9 ;  
	border-top : 2px solid #fff ; 
	cursor : pointer ;
	background-color : #eaf0f2 ;
}
.content-ski h3, .content-ski h4, ul.atout-offre, p.prix-offre, .description-offre, dl.image-offre, .information-offre { 
	display : block ; 
	position : absolute ; 
}
.content-ski h3 { 
	top : 10px ; 
	left : 105px ; 
	font : Bold 0.9em Arial, Helvetica, sans-serif  ; 
	color : #4d747f  ;
	padding : 0 ;
	background: transparent ;
}
.content-ski h4 { 
	top : 25px ; 
	left : 105px ; 
	font : Normal 0.7em Arial, Helvetica, sans-serif ; 
	color : #344f56 ; 
}
ul.atout-offre { 
	top : 45px ; 
	left : 105px ; 
	font : Normal 0.7em Arial, Helvetica, sans-serif ; 
	color : #344f56 ; 
	width : 415px ; 
	border : 1px solid #c0d4d9 ; 
	background : #fff ;
}
li.atout { 
	padding : 0.2em 0 0.2em 0.7em ; 
	margin : 0 ; 
	float : left ; 
	list-style-type : none ; 
}
p.prix-offre { 
	top : 75px ; 
	left : 105px ; 
	width : 80px ; 
	text-align : center ; 
	font : Bold 1.5em Arial, Helvetica, sans-serif ; 
	color : #f08a1c ;
	padding : 0.1em 0 0 0 ; 
}
.description-offre { 
	top : 75px ; 
	left : 185px ; 
	width : 360px ; 
	font : Normal 0.8em Arial, Helvetica ; 
	color : #368ca3 ; 
	border-left : 2px solid #368ca3 ; 
	padding : 0.2em 0 0.2em 0.3em !important ; 
	text-align : left ; 
}
dl.image-offre { 
	border: 1px solid #7898a0 ; 
	width: 90px; 
	height : 100px ; 
	text-align: center ; 
	left : 5px ; 
	top : 10px ; 
	background : #FFF ; 
}
.image-offre dt { 
	padding: 0 ; 
	margin: 5px 0 0 0 ; 
}
.image-offre dd { 
	margin: 5px 0 0 0 ; 
	padding: 0 ; 
}
.information-offre { 
	top : 95px ; 
	right : 10px ; 
	font : Bold 0.7em Arial, Helvetica ; 
	color : #f08a1c ;
	text-decoration : underline ;
}
/* FORMULAIRE */
.moteur form {
	display : block ;
	margin : 0 0.5em 0 0.5em ;
	border : 1px solid #c0d4d9 ;
	background-color : #fff ;
	text-align : center ;
	padding-top : 0.5em ;
}
.combo { 
	margin : 0.7em auto ; 
	padding : 0 ;  
}
.combo select { 
	width : 215px ; 
	color : #368ca3 ; 
}
.btn { 
	margin : 0.5em auto ; 
	cursor : pointer ;
}
.powered {
	height : 50px ; 
	background: transparent url(http://www.vacances-ski.eu/img/powered-by.gif) no-repeat right top ;
}
/* CARRE FLASH */ 
div.carre {
	margin : 1.2em 0.5em 0.7em 0.5em ;
	text-align : center ;
}
/* STATION CONNEXES */
ul.liste-station {
	margin : 0 0.5em 0.5em 0.5em ;
}
.liste-station li {
	list-style-type : none ;
	font : Normal 0.7em/1.8em Arial, Helvetica ;
	border-top : 1px dotted #fff ; 
}
.liste-station li a {
	color : #0e3c48 ;
	text-decoration : none ;
	padding-left : 0.3em ; 
}
.liste-station li a:hover {
	color : #fff ;
	text-decoration : none ;
}
/* LIENS PAR MOIS */
.offre-mois  {
	border-bottom : 2px solid #c0d4d9 ;
	margin : 0 1.5em 0 1.5em ;
}
.offre-mois h3 {
	font : Bold 1em/1em Arial, Helvetica ;
	border : none ;
	color : #fff ;
	padding : 0 ;
	margin : 0 ;
}
.offre-mois p {
	padding : 0 ;
	margin : 0 ;
	font-weight : bold ;
}
ul.liste-mois {
	margin-left : 0 ;
	margin-top : 0.5em ;
	color : #fff ;
}
.liste-mois li {
	float : left ;
	width : 260px ;
	font : Normal 0.7em/1.3em Arial, Helvetica ;
	list-style-type : none ;
}
.liste-mois li a {
	color : #fff ;
	text-decoration : none ;
}
.liste-mois li a:hover {
	text-decoration : underline ;
}
/* INFOS STATION */
div.info-piste { 
	margin : 1em 1.5em 0 0 ; 
	padding : 0 ; 
	width : 240px ; 
	float : right ; 
}
.info-piste h3 {
	color : #fff ;
	border : none ;
	margin : 0 ;
	padding : 0.5em 0 ;
	font-weight : bold ;
}
table.piste { 
	border : none ; 
	font : Normal 0.7em/2em Arial ; 
	text-align : left ; 
	display : block ; 
	margin-bottom : 7px ; 
}
.piste td, .piste th { 
	border-top : 1px dotted #fff ;
}
.piste-noire { 
	background: transparent url(http://www.vacances-ski.eu/img/piste_N.png) no-repeat left center  ; 
	width : 200px ; 
	text-indent : 30px ; 
}
.piste-rouge { 
	background: transparent url(http://www.vacances-ski.eu/img/piste_R.png) no-repeat left center  ; 
	text-indent : 30px ; 
}
.piste-bleu { 
	background: transparent url(http://www.vacances-ski.eu/img/piste_B.png) no-repeat left center  ; 
	text-indent : 30px ; 
}
.piste-verte { 
	background : transparent url(http://www.vacances-ski.eu/img/piste_V.png) no-repeat left center  ; 
	text-indent : 30px ; 
}
.data { 
	text-align : right ; 
	font-size : 9pt ; 
	font-weight : bold ; 
	width : 40px ; 
}
.info-piste .piste-description { 
	margin : 0 ; 
	padding : 0 0 0.5em 0 ; 
	font : Normal 0.7em/1.1em Arial ; 
	text-align : justify ; 
}

ul.site-station { 
	margin : 0.5em 0 0.5em 1.5em; 
	padding : 0;
	font : Normal 0.7em/1.2em Arial ;
	text-align: left ; 
	color : #fff ; 
}
.site-station li a { 
	color : #fff ;
	text-decoration : none ; 
}

/* CARTE STATION */
div.station-carte {
	float : left ;
	width : 260px ;
	background : #fff ;
	margin : 1.5em 0 0 1.5em ;
}
.station-carte h3 {
	color : #368ca3 ;
	border : none ;
	margin : 0 ;
	padding : 0.5em 0 0 0.5em ;
	font-weight : bold ;
}
#map {
	width : 250px ;
	height : 250px ;
	background : #CCC ;
	margin : 0.5em 0 0.5em 0.3em ;
	overflow : hidden ;
}
/* FOOTER */
div.footer {
	position : absolute ;
	width : 100% ;
	height : 50px ;
	background : #051218 ;
	top : 1350px ;
}
ul.item-footer {
	list-style-type : none ;
	font : Normal 0.7em/1em Arial, Helvetica, sans-serif ;
	padding : 0 ;
	margin : 1.5em 0 0 3em ;
	float : left ;
}
.item-footer li {
	float : left ;
	padding-right : 1.5em ;
}
.item-footer a {
	color : #c0d4d9 ;
	text-decoration : none ;
}
.item-footer a:hover {
	color : #fff ;
	text-decoration : underline ;
}
/* COMMUN */
.clear {
	clear : both ;
	visibility : hidden ;
}
.bg_bleu {
	background-color : #eaf0f2  ;
}
.bg_blanc {
	background-color : #fff ;
}
.texte_plus { 
	color : #F30 !important ; 
}