* {
	margin:0;
	padding:0;
}

BODY {
	background-image:url(img/page_tile.gif);
	background-repeat: repeat-x;
	background-color: #ddeaf7;
	font-family: Arial, Helvetica, serif;
    font-size: 11px;
}

IMG {
	border:none;
}
H1, H2, H3 {
	color: #666;
}

H1.meteotitle {
	margin-left: 10px;
	float:left;
}


H1 {
	font-size: 20px;
}

H2 {
	font-size: 18px;
}

#supercontainer {
	width: 1000px;
	margin: 0 auto;
}

#skyscrapper {
	float:right;
	width: 120px;
	height: 600px;
	padding-top: 75px;	
}

#container {
	width: 842px;
	float :left;
/*	margin: 0 auto;*/
	padding-top: 15px;
}

#header {
	width: 838px;
	height: 92px;
	background-image: url(img/header_bg_small.gif);
	position: relative;
}

#logo {
	position: absolute;
	top: 8px;
	left: 9px;
	
}
#headad {
	width: 468px;
	height: 60px;
	top: 10px;
	right: 8px;
	position: absolute;
}

#topnav {
	position: absolute;
	right:14px;
	bottom: 9px;
}

#topnav LI {
	float:left;
	
	height: 33px;
	line-height: 25px;
	list-style-type: none;
	margin-left: 2px;
}

#topnav LI A {
	color: black;
	text-decoration: none;
}

#topnav LI A  {
	background-image: url(img/tab_center.gif);
	background-repeat: repeat-x;
	padding: 0 5px;
	float:left;
	height: 26px;
	background-position:top left;
	cursor:hand;
	display:block;
	border-left: solid 1px #6d7788;
	border-right: solid 1px #6d7788;
}

#topnav LI A:hover {
	background-position:0px -33px;
}

#topnav LI.active A{
	background-position:0px -33px;
	font-weight: bold;
	color:white;
	
}


#flags {
	position: absolute;
	top: 15px;
	left: 530px;
}

#flags IMG {
	margin-right: 10px;
}

#flags A {
	color :#376098;
	font-weight:bold;
}


/* weather */

.meteo_page {
	padding: 0px;
	font-family: Verdana;
}

.meteo_page .left {
	float:left;
	width:530px;
}

.meteo_page .right {
	float:right;
	width:300px;
}

.meteo_page .left H1 {
	padding: 5px 10px;
}
.meteo_page .right .citychanger {
	font-size: 10px;
	text-align:right;
	padding-right: 10px;
}

.meteo_page .right .morecities A {
	background-image: url(/styles/img/16-arrow-right.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	color: #376098;
	font-weight: bold;
	float:right;
	padding-left: 20px;
	padding-top: 5px;
	display: block;
	width: 200px;
}

.meteo_page .right A, .meteo_page .right A:visited {
	color: #376098;
}

.meteo_page .right A:hover {
	text-decoration: none;
}




.mapnavcc {
	margin-left: 2px;
	width: 530px;
	overflow: hidden;
	height: 33px;
	line-height: 33px;
	font-size: 12px;
	background-image: url(img/topmap.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	font-size: 10px;
}

.mapnavcc A {
	text-decoration:none;
	color:black;
	font-weight:bold;
}

.mapnavcc A:hover {
	color:white;
}

.mapnavcc LI {
	float:left;
	display:block;
	padding: 0 8px;
}
.mapnavcc .active A{
	color:white;
	font-weight:bold;
	text-decoration: none;
}

#map .loading {
	margin-top: 150px;
	font-weight:bold;
	font-size: 16px;
	text-align:center;
}

.countryrightcol {
	float:left;
	width:300px;
}

.countryrightcol A{
	color: black;
}

.countryrightcol A:hover{
	text-decoration: none;
}

.samezone {
	margin-top: 15px;
	padding: 15px;
	font-family: Verdana;
	border-top: solid 1px #CCC;
}
.samezone A {
	color: #376098;
}

.samezone A:hover {
	text-decoration: none;
}

.colcities {
	float:left;
	width: 200px;
	padding-left: 50px;

}

.colcities A {
	color: black;
	font-size: 12px;
}

.webmaster {
	padding-left: 10px;
	padding-right: 10px;
}

.webmaster H1 {
	margin-bottom: 15px;
}

.webmaster A {
	color:black;
}

.webmaster A:hover {
	text-decoration: none;
}

.webmaster .txt {
	float:left;
	width: 400px;
}

.webmaster .exemples {
	float:right;
	width: 250px;

}

#pagecontent {
	width:838px;
	background-image: url(img/content_bg.gif);
	background-repeat: repeat-y;

}


.citiesregionslist {
	padding-left: 8px;
}

.citiesregionslist A {
	color: black;
}
.previmg {
	float:left;
	margin-left: 80px;
	width: 180px;
	display:inline;

}
.prevtxt {
	float:left;
	width: 200px;
	height: 168px;
	
	margin-top: 20px;
}

.prevtxt H2 {
	font-size:20px;
}

.prevleft {
	float: left;
	width: 510px;
}

.prevright {
	float:left;
	width: 300px;	
}
.prevephemeride {
	float:left;
	width: 300px;
	height: 168px;
	margin-top: 5px;
	background-image: url(img/infobox.gif);
	background-repeat:no-repeat;
	
}

.prevephemeride .txt {
	margin: 12px;

}

.prevephemeride .txt .title {
	font-size:13px;
	font-weight: 700;
	border-bottom: solid 1px white;
	margin-bottom: 5px;
	color: white;
}

.prevareas {
	width: 300px;
	margin-bottom: 5px;
}

.prevareas .col1, .prevareas .col2 {
	float:left
}

.prevareas .col1 {
	width:160px;
}

.prevareas .col2 {
	width:140px;
}

.forecastpic {
 	background: url(img/fading_corner.gif) no-repeat bottom right;
 	margin: 5px 5px 0 5px !important;
  	margin: 5px 5px 0 0px;
 	padding: 0;
 	position: relative;
 	float: left;
	width:140px;
	height: 140px;
}

.forecastpic .inner {
	margin: 15px;
	text-align:center;
	padding: 5px;
	width: 100px;
}

.forecastpic A {
	text-decoration: none;
	color:black;
}
.forecastpic A B {
	text-decoration: underline
}
.cold {
	color: #376098;
}

.hot {
	color: #e9910f;
}
.copy {
	margin-right:10px;
	font-size:10px;
	line-height:32px;
	text-align:right;
}

.txtbloc {
	margin: 5px 10px;
}

.txtbloc .col {
	float:left;
	width:32%;
}

.txtbloc H2 {
	margin: 10px 5px 2px 5px;
}

.txtbloc .col LI {
	list-style-type: none;
}
.txtbloc A {
	color:black;
	
}
.txtbloc A:hover {
	text-decoration: none;
}

.forumteaser {
	width:300px;
	height:150px;
	background-image: url(img/fading-corner-large.gif);
	background-repeat: no-repeat;
	position: relative;
}

.forumteaser A:hover {
	text-decoration:none;
}
.forumteaser .title {
	font-size: 12px;
	height: 16px;
	padding: 5px 5px 5px 25px;
	background-image: url(img/comments.gif);
	background-repeat:no-repeat;
	background-position: 5px 5px;
	font-weight: bold;
	text-align:left;
}

.forumteaser .title A {
	color: black;
}

.forumteaser .content {
	margin:2px 5px 2px 17px;
}

.forumteaser .foot {
	position: absolute;
	bottom:7px;
	right:5px;
	text-align:right;
}

.webcamteaser, .hotelteaser {
	padding-left: 15px;
	margin-bottom: 20px;
}


.webcampic, .hotelpic {
 	background: url(img/shadow.png) no-repeat bottom right;
 	margin: 5px 5px 0 5px !important;
  	margin: 5px 5px 0 0px;
 	padding: 0;
 	position: relative;
 	float: left;
}

.hotelpic {
		width: 220px;
}

.webcampic .inner, .hotelpic .inner {
	border: solid  #a9a9a9;
	border-width: 1px 0 0 1px;
	margin: 0 5px 5px 0;
	padding: 5px;
	text-align:center;
	

}

.webcampic .img {
	width: 200px;
	height:150px;
	overflow:hidden;
	margin-bottom: 5px;
}


.hotelpic .img {
	width: 200px;
	height: 150px;
	overflow: hidden;
	margin-bottom: 5px;
	
}




.webcampic A, .hotelpic A {
	text-decoration: none;
	color: black;
}


.weekendday {
	float:left; 
	width: 480px;
	margin-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #CCC;
}

.weekendday .half {
	width: 240px;
	float:left;
}

.weekendday UL LI {
	list-style-type:none;
}
.weekendday H2 {
	font-size:14px;
	margin-bottom: 5px;
}

#footer {

	width: 838px;
	height: 47px;
	background-image: url(img/footer_bg.gif);
	background-repeat: no-repeat;
	overflow:hidden;
}

#footer P {
	padding: 30px 15px 10px 15px;
}

#footer A {
	color:black;
}


/* subheader */

.subheader {

	height: 33px;
	margin-bottom: 5px;
	background-image:url(img/subheader-bg.png);
	background-repeat: repeat-x;
}


.subheader LI {
	float:left;	
	height: 33px;
	line-height: 33px;
	list-style-type: none;
	margin-right: 2px;
}

.subheader LI A  {
	font-weight: bold;
	padding: 0 5px;
	float:left;
	height: 33px;
	background-position:top left;
	cursor:hand;
	display:block;
	border-right: solid 1px #6d7788;
	text-decoration: none;
	color: black;
}

.subheader LI A:hover {
	color: white;
}

.subheader LI.active A{

	font-weight: bold;
	color:white;
	
}

.subheader LI.search {
	float:right;
	line-height: 33px;
	margin-right: 1px;
	width: 230px;
	background-image: url(img/subheader-search.png);
	background-repeat: no-repeat;
	position: relative;

}

.subheader LI.search .searchInput {
	border: solid 1px #9DC342;
	border-width: 1px 1px 0 0;
	position: absolute;
	top: 11px;
	left: 25px;
	width: 170px;
	height: 16px;
	font-size: 10px;
	color: #666;

}

.subheader LI.search .btn {
	position: absolute;
	top: 11px;
	right: 10px;
}


/* content tabs */

.tab {
	width:300px;
	margin-bottom: 5px;
}

.tab .header {
	height: 41px;
	background-image: url(img/content-tab.png);
	background-repeat:no-repeat;
}

.tab .header_sejours {
	height:41px;
	background-image: url(img/content-tab-sejours.png);
	background-repeat:no-repeat;
}

.tab .header_hotels {
	height:41px;
	background-image: url(img/content-tab-hotels.png);
	background-repeat:no-repeat;
}


.tab .header_webcams {
	height: 41px;
	background-image: url(img/content-tab-webcams.png);
	background-repeat: no-repeat;
}

.tab .header_ski{
	height: 41px;
	background-image: url(img/content-tab-ski.png);
	background-repeat: no-repeat;
}

.tab .header_forum {
	height: 41px;
	background-image: url(img/content-tab-forum.png);
	background-repeat: no-repeat;
}


.tab .title {
	padding-left:70px;
	padding-top: 15px;
	color: #000;
	font-weight:bold;
}

.tab .title A, .tab.title A:visited {
	color: #000;
	text-decoration: none;
}

.tab .content {
	background-image: url(img/content-tab-inner.png);
	background-repeat: repeat-y;
	padding: 0 15px 0 20px;
}

.tab .content A, .tab .content A:visited {
	color: #376098;
	font-weight: 700;
}

.tab .content A:hover {
	text-decoration: none;
}

.tab .sep {
	border-top: solid 1px #E3E3E3;
	overflow:hidden;
	height:1px;
	margin-left:-11px;
	margin-right:-14px;
}

.tab .footer {
	width:300px;
	height:16px;
	background-image: url(img/content-tab-footer.png);
	background-repeat:no-repeat;
	text-align:center;
	margin-top: -5px;
}

.tab .footer A, .tab .footer A:visited {
	color: #376098;
	font-weight: 700;
}

.tab .footer A:hover {
	text-decoration: none;
}

.albumteaser {
	background-image: url(img/shadow.gif);
	background-position: bottom right;
	margin: 5px 10px 0  !important;
	padding:0;
	position:relative;
	float:left;
}

.albumteaser .picture {  
	text-align:center;
}

.albumteaser .inner {
	border:1px solid #A9A9A9;
	margin:0pt 5px 5px 0pt;
	padding:5px;
}

.albumteaser .desc {
	text-align:center;
}

.albumteaser .inner .action {
	width: 200px;
	float:left;
	font-weight: bold;
}

.albumNav {
	margin-left:10px;
	background-image: url(img/tab_center.gif);
	background-position:0px -33px;
	
	background-repeat: repeat-x;
	height:33px;
	line-height:33px;
	width:615px;
	border: solid 1px #6d7788;
	border-top: none;
}

.albumNavInner {
	float:left;
	padding: 0 5px;

}

.albumNavInner A {
	font-weight:bold;
	color:white;
	text-decoration: underline;
}

.albumNavInner A:hover {
	text-decoration: none;
}

.albumScroll {
	border: solid 1px #6d7788;
	
	width: 650px;
	height: 70px;
	overflow:hidden;
	position: relative;
	z-index:1;
}

.albumScroll .navleft {
	padding:0 2px;
	height: 70px;
	background-color: #9DC342;
	background-image: url(img/tab_center.gif);
	background-position:0px -34px;
	background-repeat: repeat-x;
	z-index: 5;
	position:absolute;
	top:0;
	left:0;
	line-height: 70px;
	
	border-right: solid 1px #6d7788;
	
}

.albumScroll .navright {
	padding:0 2px;
	height: 70px;
	background-color: #9DC342;
	background-image: url(img/tab_center.gif);
	background-position:0px -34px;
	background-repeat: repeat-x;	z-index: 5;
	position:absolute;
	top:0;
	right:0;
	line-height: 70px;
	border-left: solid 1px #6d7788;
	
}

.albumScroll .inner {
	position: absolute;
	width: 100000px;
}

.albumScroll .item {
	float:left;
	width: 110px;
}

.searchresults {
	padding: 0 10px;
}

.searchresults A {
	color: #376098;
}

.searchresults A:hover {
	text-decoration: none;
}

/* Tooltip */
.tool-tip {
	color: #000;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
		font-size: 11px;
		margin: 0;
		color: #3E4F14;
		padding: 8px 8px 4px;
		background: #C3DF7D;
		border-bottom: 1px solid #B5CF74;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


/* Hotels */


.hotel_right {
	float:right;
	width: 350px;
	text-align:right;
	
}



.hotel_right .actions {
	height: 80px;
}

.hotel_right A, .hotel_left A {
	color: #376098;
	font-weight:bold;
}

.hotel_right  A:hover, .hotel_left A:hover {
	text-decoration: none;
}

.hotel_left {
	width: 450px;
	float:left;
	font-size: 12px;
}

.hotel_left .amenity {
	float:left; 
	width: 200px;
	padding-right: 20px;
}

.hotellist {
	margin-bottom: 10px;
	font-size: 12px;
	
}
.hotellist LI {
	display: inline;
}

.hotellist A {
	color: #376098;
	text-decoration: none;
}

.hotellist A:hover {
	text-decoration: underline;
}

/* Snow */
.snowregions {
	border: solid #9DC342;
	border-width: 3px 1px 1px 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 0 5px 5px 5px;
	margin-bottom: 5px;
	font-size: 11px;
	font-family: Verdana;
}

.snowregions H3 {
	margin: 0 -5px 5px -5px;
	background-color: #9DC342;
	color: white;
	padding: 5px;
	font-size: 12px;
}

.snowregions A, .snowregions A:visited {
	color: #376098;
	font-weight: bold;
}

.snowregions A:hover {
	text-decoration: none;
}

.stationinfos {
	border: solid #9DC342;
	border-width: 3px 1px 1px 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 0 5px 5px 5px;
	margin-bottom: 5px;
	font-size: 11px;
	font-family: Verdana;
}

.stationinfos UL LI {
	list-style-type: none;
}

.stationinfos A, .stationinfos A:visited {
	color: #376098;
	font-weight: bold;
}

.stationinfos A:hover {
	text-decoration: none;
}

.stationinfos H3 {
	margin: 0 -5px 5px -5px;
	background-color: #9DC342;
	color: white;
	padding: 5px;
	font-size: 12px;
}

.stationinfos .piste {
	margin: 3px 0 ;
}


.stationinfos .item {
	width: 135px;
	float:left;
	padding-left: 8px;
}
.stationinfos .webcamteasersmall IMG {
	width: 130px;
	height:97px;
	overflow:hidden;
	margin-bottom: 5px;
	clear: both;
}

.stationinfos .item A {
	text-decoration: none;
	color: black;
}

.enneigement {
	padding: 0 15px;
}

.enneigement .title {
	float:left;
}

.enneigement .maj {
	float:right;
	line-height: 14px;
	width: 220px;
}

.enneigement .piste {
	margin: 3px 0;
}

.enneigement .left, .enneigement .right {
	float:left;
	width: 230px;
}

.enneigement .inter {
	font-size: 12px;
	background-color: #9DC342;
	color: white;
	padding: 5px;
	margin-top:4px;
}

.enneigement .sep {
	margin:1px 0px;
	border-top: solid 1px #CCC; 
	height: 1px; 
	overflow:hidden;
	clear: both;
}

.enneigement .left .sep {
	margin-right: 10px;
}

.enneigement .copyright {
	text-align:right;
	border-top: solid 1px #CCC;
}

.enneigement .copyright A, .enneigement .copyright A:visited {
	color: black;
	text-decoration: none;
}
.enneigement .copyright A:hover {
	text-decoration: underline;
}


/* travel */

.travel_page {
	padding: 0 10px;
	font-family: Verdana;
}

.travel_page .left {
	float:left;
	width:500px;
}

.travel_page .right {
	float:right;
	width:300px;
}

.travel_page .meta {
	background-image: url(img/pageborder.jpg);
	background-position: -20px 0;
	background-repeat:no-repeat;
	font-size: 11px;

	float:left;
	width: 500px;
}

.travel_page .meta .inner {
	padding : 30px 60px 50px 30px;
	background-image: url(img/pageborder2.jpg);
	background-position: 105% 140%;
	background-repeat: no-repeat;
}

.travel_page .meta H3 {
	margin-bottom:15px;
}

.travel_page .meta .img {
	float:left;
	padding-right: 15px;
}


.travel_page .desc UL {
	margin-left: 20px;
}

.travel_page .desc .info_pics IMG {
	width: 250px;
	float: left;
}

.similar_right {
	width: 300px;
	float:right;
}

.similar_right .item IMG {
	float:left;
	width: 120px;
}

.similar_right .item .infos {
	float:left;
	text-align:center;
	padding-left: 50px;
	padding-top: 5px;
}


.similar_right .item .name {
	font-weight: bold;
	margin-bottom: 5px;
}
.similar_right .item .price {
	font-size: 15px;
	font-weight: bold;
}

.travel_page .search_large .title {
	height: 40px;
	font-weight: bold;
	font-size:13px;
	line-height: 30px;
	background-image: url(img/topsearch.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.travel_page .search_large .content {
	border: solid  #6d7788;
	border-width: 0 1px 1px 1px;
	padding: 8px;
}

.travel_page .search_small .title, .travel_page .sejour_promo .title {
	height: 30px;
	font-weight: bold;
	font-size:11px;
	line-height: 20px;
	background-image: url(img/topsearch-small.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}

.travel_page .search_small .content, .travel_page .sejour_promo .content {
	border: solid  #6d7788;
	border-width: 0 1px 1px 1px;
	padding: 8px;
}

.travel_page .search_results {
	border-collapse: collapse;
	border: solid 1px #E3E3E3;
}

.travel_page .search_results TR {
	background-color: #F6F6F6;
}

.travel_page .search_results TD {
	padding: 10px;
}
.travel_page .search_results .price {
	text-align:right;
}

.travel_page .search_results .sep {
	padding:0;
	border-top: solid 1px #E3E3E3;
}
.travel_page .search_results .price B {
	font-size:12px;
}

.travel_page .search_results A, .travel_page .search_results A:visited {
	color: #376098;
	font-weight: 700;
}

.travel_page .search_results A:hover {
	text-decoration: none;
}


.travel_page .nav_page {
	text-align:center;
}

.travel_page .nav_page A, .travel_page .nav_page A:visited {
	color: #376098;
	font-weight: 700;
}

.travel_page .nav_page A:hover {
	text-decoration: none;
}

/* Common elements */
.sep {
	height:1px;
	overflow:hidden;
	border-top: solid 1px #CCC;
	margin: 5px;
}

.breaker {
	clear:both;
	overflow:hidden;
	height:1px;
}

.autocompleter-loading {
	width:32px;
	height: 32px;
	background-image:url(img/ajax-loader.gif);
	background-repeat: no-repeat;
}

A.button-small {
	display: block;
	height: 20px;
	width: 75px;
	text-align:center;
	background-image: url(img/buttons/small.png);
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

A.button-content-buy {
	display: block;
	height: 30px;
	width: 250px;
	margin-bottom: 5px;
	text-align:center;
	color: black;
	text-decoration: none;
	background-image: url(img/buttons/button-green.png);
	line-height: 30px;
	font-weight: bold;
}

A.button-content-compare {
	display: block;
	height: 30px;
	width: 250px;
	margin-bottom: 5px;
	text-align:center;
	color: black;
	text-decoration: none;
	background-image: url(img/buttons/button-green-compare.png);
	line-height: 30px;
	font-weight: bold;
}


A.button {
	display: block;
	height: 30px;
	width: 300px;
	margin-bottom: 5px;
}

A.button DIV {
	margin-left: 60px;
	line-height: 30px;
	font-weight: bold;
	color: #376098;
}



.button.meteo {
	background-image: url(img/buttons/button-meteo.png);
}
.button:hover.meteo{
	background-image: url(img/buttons/button-off-meteo.png);
}

.button.hotel {
	background-image: url(img/buttons/button-hotel.png);
}
.button:hover.hotel{
	background-image: url(img/buttons/button-off-hotel.png);
}

.button.forum {
	background-image: url(img/buttons/button-forum.png);
}
.button:hover.forum{
	background-image: url(img/buttons/button-off-forum.png);
}

.promote_large {
	width: 530px;
	padding-left: 1px;
}

.promote_large .title {
	padding-left:70px;
	padding-top: 15px;
	color: #000;
	font-weight:bold;
	font-size: 13px;
}

.promote_large .title A, .promote_large .title A:visited {
	color: #000;
	text-decoration: none;
}


.promote_large .content {
	border-left: solid 1px #e3e3e3;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	margin-left: 8px;
}

.promote_large .content .item {
	width: 260px;
	float:left;
}

.promote_large .content .item .name {
	padding: 5px;
	font-weight: bold;
}
.promote_large .content .item IMG {
	float:left;
	padding-left: 5px;
}


.promote_large .content .item .infos {
	float:right;
	padding-right: 5px;
}
.promote_large .content .item .price {
	font-size: 16px;
	font-weight: bold;
	text-align:center;
}

.promote_large .footer A, .promote_large .footer A:visited {
	display: block;
	padding-left: 20px;
	background-image: url(/styles/img/16-arrow-right.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	color: #376098;
	font-weight: bold;
	float:right;
	padding-top: 5px;
}
.promote_large .footer A:hover {
	text-decoration: none;
}


.promote_large .header_sejours {
	height:41px;
	background-image: url(img/tab-large-sejours.png);
	background-repeat:no-repeat;
}

.promote_large .header_hotels {
	height:41px;
	background-image: url(img/tab-large-hotels.png);
	background-repeat:no-repeat;
}

.promote_large .header_voitures {
	height:41px;
	background-image: url(img/tab-large-voitures.png);
	background-repeat:no-repeat;
}