@import url("reset.css");

body {background: #fff;}
#body{
font-family:Verdana, Geneva, sans-serif;
background:#5e9ab3 url(../images/bgBody.jpg) center top repeat-x;
font-size:12px;
color:#58595b;
}

img, div { behavior: url(iepngfix.htc) }
 
h1{
position:absolute;
right:20px;
top:14px;
font-size:10px;
color:#ffffff;
}

a{color:#4c798b;text-decoration:none;}
a:hover{text-decoration:underline;}

h2{
font-size:15px;
font-weight:bold;
color:#9e1118;
margin-bottom:15px;
}

p{
font-size:12px;
color:#58595b;
padding-bottom:15px;
}

h3{
color:#5e99b2;
font-weight:bold;
font-size:20px;
margin:20px 0 10px 0;
}

h4{
font-size:12px;
font-weight:bold;
color:#9e1118;
line-height:30px;
padding-left:15px;
padding-bottom:30px;
}

h5{
font-size:12px;
font-weight:bold;
color:#003a63;
text-transform:uppercase;
padding-bottom:25px;
}

h6{
color:#5e99b2;
font-weight:bold;
font-size:20px;
padding-bottom:2px;
border-bottom:1px solid #ddd;
margin:20px 0 25px 0;
}

ul{
list-style:disc;
margin-left:25px;
margin-bottom:15px;
}

ul li{
padding-bottom:5px;
}

ol{
list-style:decimal;
margin-left:25px;
margin-bottom:15px;
}

ol li{
padding-bottom:5px;
}
 
#email2,#website2{display: none;}

label.error{
color: red;
display: inline;
font-size: 10px;
width: auto !important;
margin-bottom: 5px;
margin-left: 130px;
}

input.error {
color: red;
border: 1px dotted red !important;
}

#page{
width:983px;
margin:0 auto;
}

#header{
width:983px;
height:462px;
background:url(../images/bgHeader1.png);
position:relative;
}

.imageHeader{
position:absolute;
left:36px;
top:60px;
}

.imageHeader1{
display:block;
width:278px;
height:82px;
background:url(/images/t_ski-express.jpg);
float:left;
clear:left;
}
.imageHeader1:hover{
background:url(/images/t_ski-express_hov.jpg);
}

.imageHeader2{
display:block;
width:278px;
height:82px;
background:url(/images/t_destination-stoneham.jpg);
float:left;
clear:left;
}
.imageHeader2:hover{
background:url(/images/t_destination-stoneham_hov.jpg);
}

.imageHeader3{
display:block;
width:278px;
height:82px;
background:url(/images/t_mont-sainte-anne.jpg);
float:left;
clear:left;
}
.imageHeader3:hover{
background:url(/images/t_mont-sainte-anne_hov.jpg);
}

.imageHeader4{
display:block;
width:278px;
height:84px;
background:url(/images/t_les-sorties.jpg);
float:left;
clear:left;
}
.imageHeader4:hover{
background:url(/images/t_les-sorties_hov.jpg);
}

.imageHeader1HOV{
display:block;
width:278px;
height:82px;
background:url(/images/t_ski-express_hov.jpg);
float:left;
clear:left;
}
.imageHeader1HOV:hover{
background:url(/images/t_ski-express_hov.jpg);
}

.imageHeader2HOV{
display:block;
width:278px;
height:82px;
background:url(/images/t_destination-stoneham_hov.jpg);
float:left;
clear:left;
}
.imageHeader2HOV:hover{
background:url(/images/t_destination-stoneham_hov.jpg);
}

.imageHeader3HOV{
display:block;
width:278px;
height:82px;
background:url(/images/t_mont-sainte-anne_hov.jpg);
float:left;
clear:left;
}
.imageHeader3HOV:hover{
background:url(/images/t_mont-sainte-anne_hov.jpg);
}

.imageHeader4HOV{
display:block;
width:278px;
height:84px;
background:url(/images/t_les-sorties_hov.jpg);
float:left;
clear:left;
}
.imageHeader4HOV:hover{
background:url(/images/t_les-sorties_hov.jpg);
}

#menu{
position:absolute;
left:16px;
top:410px;	
}
#menu img{
float:left;
}

#teaserHeader{
width:278px;
position:absolute;
left:669px;
top:60px;
}
#teaserHeader img{
float:left;
clear:left;
}


#content{
width:913px;
padding:35px;
padding-top:0px;
padding-bottom:0px;
background:url(../images/bgContent1.png);
position:relative;
}

#contentNoSide{
width:913px;
padding:35px;
padding-top:0px;
padding-bottom:0px;
background:url(../images/bgContentNoLine.png);
position:relative;
}


#sideBar{
width:279px;
float:right;
padding-bottom:200px;
}
#sideStations{
width:155px;
margin-left:60px;
padding-right:5px;
float:right;
text-align:center;
}
#sideStations a{
text-decoration:none;	
font-size:11px;
color:#8d8d8f;
display:block;
margin-bottom:15px;
}
#sideStations a:hover{
text-decoration:none;	
}

#sideBar select{
width:275px;text-align:center;font-size:12px;color:#58595b;	padding:0px;height:20px;
}


#contentLeft{
width:633px;
float:right;
position:relative;
z-index:8;
}
#reservation{
width:380px;	
}
#reservation h3{
	
}
#reservation div{
padding:5px;	
clear:left;
width:410px;
}
#reservation h3{
float:left;
clear:left;
width:390px;
}
#reservation label{
float:left;
display:block;
position:relative;top:3px;
}
#reservation div.type label{
width:210px;	
}
#reservation div.type input{
width:50px;
}
#reservation div.type h6{
float:left;
width:104px;
color:#4f7f93;
font-size:12px;
color:#666;
border:0px;
margin:0px;
}

#reservation div.total{
float:left;clear:none;width:110px;margin-right:6px;
}

#reservation div.total label{
width:39px;	color:#9b1018;
}
#reservation div.total input{
width:50px;	
}

#reservation h5{
margin:0px;padding:0px;
float:left;
padding:20px 0 10px 0;
color:#9f1118;
}

#assuranceVoyage{
clear:Both;padding-top:20px;
}
#assuranceVoyage input{
float:left;margin-right:6px; 
}
#assuranceVoyage label{
width:375px; font-size:11px;color:#4f7f93;
position:relative;
top:3px;
}
#assuranceVoyage a{
color:#9b1018;	text-decoration:underline;
}

#infoPerso label{
width:130px;
}
#infoPerso div.alt{
background:#f7f7f7;
}


#calendrier{
height:268px;
width:309px;
background:url(../images/bgCalendrier.jpg);
float:left;
margin-right:20px;
padding:30px;
}
#calendrier table{
margin:0px;padding:0px;
border:0px;
}
#calendrier table tr{
border:0px;	
}
#calendrier table th{
background:#fff;border:0px;color:#58595b;font-weight:normal;
}
#calendrier table td{
background:#fff;border:0px;color:#58595b;font-weight:normal;
}

#calendrier .mois span{
font-size:18px;
font-weight:bold;
text-transform:uppercase;
color:#717174;
padding:0 25px 0px 25px;
position:relative;
top:-3px;
}
#calendrier .mois{
text-align:center;	
}

#calendar{
margin-left:0px;	
}
#calendrier tr th,#calendrier tr td{
padding:9px 13px;	
text-align:center;
font-size:14px;
}
#calendrier tr th{
padding-top:5px;	
}
#calendrier tr td a{
color:#fff;	
text-decoration:none;
}

#WzTtDiV{border-color:#a9a9a9; border-width:1px; border-style:solid; background-color:#f4f4f4; width:auto;}

#TipCls1{color:#474747; width:auto;}

.TipCls1{
padding:5px;background:#fff;border:1px solid #ddd;	
}

.TipCls1 img{
float:left;
}

#montinfos{
padding:10px;	
}

#montinfos span{
display:block;
float:right;
}

#montinfos p{
margin:0px;padding:3px;
}

#montinfos p.alt{
background:#f4f4f4;
}


#dates{
	margin:0px;
	margin-top:30px;
float:left;
text-transform:uppercase;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#717174;
}

#dates li{
	margin:0px;
	padding:0px;
	list-style:none;
margin-bottom:10px;
}

#dates li a{
text-decoratiin:none;
color:#003771;
}

#destinations{
clear:both;	
margin:0px;
padding:0px;
padding-top:30px;
}

#destinations li{
list-style:none;
margin:0px;
padding:0px;
padding-left:20px;
font-size:12px;
color:#58595b;
margin-bottom:6px;
}



#promo1{
background:url(/images/promoDecFolie.jpg) right no-repeat;
height:300px;
margin-bottom:50px;
}
#promo1 p{
padding-left:15px;	
}

#promo2{
background:url(/images/promoStoneHam.jpg) right no-repeat;
height:329px;
margin-bottom:30px;
}
#promo2 p{
padding-left:15px;	
}

#promo3{
background:url(/images/promoSpecialDames.jpg) right no-repeat;
height:287px;
margin-bottom:15px;
}
#promo3 p{
padding-left:15px;	
}

table{
margin-top:10px;	
margin-bottom:20px;
}

table th{
padding:3px;
font-size:11px;
font-weight:bold;
color:#e46629;
border:1px solid #ddd;	
background:#f4f4f4;
}

table th span{
font-size:10px;
}
 
table td{
padding:3px;
font-size:11px;
border:1px solid #ddd;	
}

table tr.alt td{
background:#f8f8f8;	
}

table tr{
border:1px solid #ddd;	
}

.bdRight{
border-right:1px solid #ddd;	
}
 
#gensSki{
position:absolute;right:16px;	top:-148px;z-index:2;
}
#coupleSki{
position:absolute;right:16px;	top:-224px;z-index:2;	
}
 
#innerFooter{
width:983px;
margin:0 auto;
background: url(../images/bgInnerFooter.png) top no-repeat;
height:110px;
position:relative;
z-index:3;
}

#innerFooter p{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#fff;
text-align:right;
margin-top:40px;
margin-right:20px;
}

#innerFooter p a{
text-decoration:none;
color:#fff;
}

#innerFooter p a:hover{
text-decoration:underline;
}
 
#skiGauche{position:absolute;left:-50px;top:-50px;}
#skiDroite{position:absolute;top:-20px;right:-50px;}

#footer{
background:#fff url(../images/bgFooter.jpg) top center repeat-x;
}

#footer #copyright{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#fff;
text-align:right;
position:absolute;
right:5px;
top:5px;
}

#footer #menuFooter{
position:absolute;
left:35px;
top:18px;	
}

#footer #menuFooter a{
padding:0 5px;	
font-size:11px;
}

/* Classes diverses

------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.imgBrd {padding:2px;border:1px solid #ddd;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {float: left; margin: 0 10px 4px 0; }
.img-right {float: right; margin: 0 0 4px 10px;}
.noborder {border: none;}
.alt {background: #f0f0f0;}


.clearLeft,
.clearRight,
.clearBoth{
clear: left;
height: 0px;
margin: 0px;
visibility: hidden;
line-height: 0px;
padding: 0px;
font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}