* {
	margin:0;
	padding:0;
	list-style-type:none;
}
body {
	background: #074dac url(../images/bg_body_repeat-x.jpg) repeat-x 0 0;
	color:#fff;
	font-family: Arial, serif;
	font-size:12px;
}


/************************************************
*	links									*
************************************************/

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

a:hover {
	color: #154388;
	text-decoration: none;
	}

a:visited {
	color: #fff;
	text-decoration: none;
	}
/************************************************
*	layout									*
************************************************/	
	
#containing {
	width: 100%;
	background: transparent url(../images/bg_div_top_center.jpg) no-repeat center 0;
}
*html #containing {
	background: transparent url(../images/bg_div_top_center_ie6.jpg) no-repeat center 0;
}
#page_top {
	width: 992px;
	margin: 0px auto 0px;
	background: transparent url() no-repeat center center;	
}

#page {
	width: 872px;
	margin: 0px auto 0px;
	background: transparent url() no-repeat center center;	
}

#page_bottom {
	width: 992px;
	margin: 0px auto 0px;
	background: transparent url() no-repeat center center;	
}


#wrapper {
	width:960px;
	margin: 0 auto;
}
#header {
	background: transparent url() no-repeat left bottom;
	height:134px;
	padding-top:15px;
	clear:both;
	padding-left:87px;
	z-index:100;
}

*html #header {
	padding-left:107px;
}

#header h1 {
	width:95px;
	height:115px;
	display:block;
	float:left;
	overflow:hidden;
}
#header .description {
	color:#444;
	font-size:14px;
	padding-left:25px;
	position:relative;
	top:65px;
}
#header h1 a img{
	border: none;
}
#hgeader {
	height:176px;
	clear:both;
	overflow:hidden;
	margin-bottom: 50px;
	z-index:100;
}

.logo{
	text-indent:-99999px;
	overflow:hidden;
	background:url(images/logo.jpg) no-repeat left center;
	display:block;
	height:85px;
	width:85px;
}

.hgeader_mid {
	width:821px;
	float:left;
	display:block;
	background: transparent url() repeat-x 0 0;
	height:157px;
	padding:19px 0 0 78px;
}


.topnav {
	background:red;
	float:left;
	padding:96px 0 0 33px;
	height:28px;
	overflow:hidden;
	background: transparent url() no-repeat 26px bottom;
}
.topnav ul {
	background: transparent url() repeat-x;
	height:28px;
	overflow:hidden;
	width:435px;
}
.topnav li {
	float:left;
	list-style:none;
}
.topnav a {
	padding:8px 9px 9px 8px;
	text-transform:uppercase;
	font-size:10px;
	color:#fff;
	height:12px;
	float:left;
	display:block;
	text-decoration:none;
}
.topnav a:hover {
	color:#ff0;
}
.hgeader_mid_01 {
	width:407px;
	display:block;
	float:left;
	height:157px;
	padding-right:4px;
}
.hgeader_mid_01_navi {
	width:150px;
	float:left;
	height:157px;
	display:block;
}
.hgeader_mid_01_navi ul, .hgeader_mid_02_navi ul {
	padding-top:9px;
}
.hgeader_mid_01_navi li, .hgeader_mid_02_navi li {
	list-style:none;
}
.hgeader_mid_01_navi li a {
	text-transform:uppercase;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	width:130px;
	height:29px;
	padding-top:17px;
	display:block;
	text-align:right;
	padding-right:20px;
	outline:none;
}
.hgeader_mid_01_navi li a:hover, .hghead_act {
	background:url(../images/header_navi_sel_l.gif) no-repeat 0 0;
	color:#fff!important;
}
.hgeader_mid_02_navi li a:hover, .hghead_acti {
	background:url(../images/header_navi_sel_r.gif) no-repeat 0 0;
	color:#fff!important;
}
.hgeader_mid_01_cont, .hgeader_mid_02_cont {
	float:left;
	height:153px;
	overflow:hidden;
	width:254px;
	border:1px solid #103E6A;
	background: #103E6A url(../images/middle_nav_cont_bg.jpg) repeat-x 0 0;
}
.hgeader_mid_innercont {
	padding:8px;
	font-size:11px;
	color:#fff;
}
.hgeader_mid_innercont ul {
}
.hgeader_mid_innercont li {
	list-style:none;
	display:block;
	border-bottom:1px solid #103E6A;
}
.hgeader_mid_innercont li a {
	padding:9px 3px;
	height:18px;
	line-height:21px;
	overflow:hidden;
	text-decoration:none;
	display:block;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
}
.hgeader_mid_innercont li :hover {
	color:#ff0;
}

.hgeader_mid_innercont li a.special_link {
	margin-top: -10px;
}

.hgeader_mid_innercont li:hover {
	border-bottom:1px solid #103E6A;
}
.hgeader_mid_innercont p {
	font-size:11px;
	line-height:16px;
	padding:10px 5px;
}
.hgeader_mid_innercont p a {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px dotted #aaa;
}
.hgeader_mid_innercont #s {
	margin: 0 0 0 5px;
	padding:7px;
	width:150px;
	border:1px solid #ccc;
	height:18px;
	color:#fff;
	background: transparent;
}
.hgeader_mid_innercont #s:hover {
	background:#88BEF0;
	border:1px solid #fff;
}
.hgeader_mid_innercont #s:focus {
	background:#88BEF0;
	border:1px solid #fff;
}
.hgeader_mid_innercont #searchform {
	padding:15px 32px;
}

a:link.interhotel , a:visited.interhotel {
	position:relative;
	margin: 15px 0 0 60px;
	display: block;
	width: 118px;
	height: 105px;
	border: 0px solid #fff;
	background:  url(../images/inter-hotel_off.jpg) no-repeat 0 0;
}

*+html a:link.interhotel , *+html  a:visited.interhotel {
	padding: 40px 0 0 30px; 
}

 a:hover.interhotel{
	display: block;
	width: 118px;
	height: 105px;
	border:0px solid #fff;
	background: transparent url(../images/inter-hotel_on.jpg) no-repeat 0 0;
}

a:link.resalink , a:visited.resalink {
	margin: 0px;
	display: block;
	width: 230px;
	height: 41px;
	border: 0px solid #fff;
	background:  url(../images/resa_link.jpg) no-repeat top left;
}

 a:hover.resalink{
	background-position: bottom left ;
}

a:link.infoslink , a:visited.infoslink {
	margin: 0px;
	display: block;
	width: 230px;
	height: 32px;
	border: 0px solid #fff;
	background:  url(../images/infos_link.jpg) no-repeat top left;
}

 a:hover.infoslink{
	background-position: bottom left ;
}

.hgeader_mid_02 {
	width:410px;
	display:block;
	float:left;
	height:157px;
}
.hgeader_mid_02_navi {
	width:150px;
	float:left;
	height:157px;
	display:block;
}
.hgeader_mid_02_navi li a {
	text-transform:uppercase;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	width:130px;
	height:29px;
	padding-top:17px;
	display:block;
	text-align:left;
	padding-left:20px;
}
.hgeader_mid_02_navi li a:hover {
	background:url(../images/header_navi_sel_r.gif) no-repeat 0 0;
	color:#FFF;
}

#searchform #subbtn {
	background:#103E6A;
	border:none;
	padding:3px 3px;
	display:block;
	color:#ccc;
	font-size:10px;
	cursor:pointer;
	margin: 3px 0 0 70px;
}
#searchform #subbtn:hover {
	color:#fff;
}

#searchform p {
	margin-top: -15px;
}

hr {
	border-bottom:1px solid #EEE;
	border-top:1px solid #DDD;
}
.hr {
	background:url(../images/content_cut.gif) no-repeat right center;
	height:20px;
	clear:both;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
blockquote {
	padding:5px 10px;
	margin:8px 0 8px 15px;
	background:#F5F5F5;
	border-left:5px solid #DDD;
}

/************************************************
*	content      								*
************************************************/
#content {
	background: transparent url(../images/page_content_bg.jpg) top left repeat-y;
	width: 1002px;
	margin: 0px auto 0px;
	margin-left:-5px;
	padding: 0px 0px 0px 5px;
	}

*html #content {
	margin-top: -10px;
	background: transparent url(../images/page_content_bg_ie6.jpg) top left repeat-y;
	}



/***********************/
	
#content_top0 {
	background: transparent url(../images/top_content_0.jpg) top left no-repeat;
	width: 1020px;
	height: 238px;
	margin: -35px 0 0 -8px ;
	padding: 0px 0px 0px 0px;
	}
	
#content_top0 h2 {
	padding: 130px 0px 0px 115px;
	}

*html #content_top0 {
    background: transparent url(../images/top_content_0_ie6.jpg) top left no-repeat;
	margin: 0 0 0 -8px ;
	z-index:100000;
	}

#content_top0 #tarifs {
	background: transparent;
	width: 171px;
	height: 54px;
	float:right;
	margin: -35px 140px 0 -140px ;
	padding: 0px 0px 0px 0px;
	}
	
#content_top0 #tarifs a {
	display: block;
	width: 171px;
	height: 54px;
	background: transparent url(../images/tarifs.jpg) top left no-repeat;
	padding: 0;
	}
	
#content_top0 #tarifs a:hover {
	display: block;
	width: 171px;
	height: 54px;
	background: transparent url(../images/tarifs.jpg) bottom left no-repeat;
	padding: 0;
	}



/************************/

#content_top1 {
	background: transparent url(../images/top_content_1.jpg) top left no-repeat;
	width: 1020px;
	height: 238px;
	margin: -35px 0 0 -8px ;
	padding: 0px 0px 0px 0px;
	}

#content_top1 h2 {
	padding: 130px 0px 0px 115px;
	}	
	


*html #content_top1 {
    background: transparent url(../images/top_content_0_ie6.jpg) top left no-repeat;
	margin: 0 0 0 -8px ;
	z-index:100000;
	}	
	
#content_top1 #tarifs {
	background: transparent;
	width: 171px;
	height: 54px;
	float:right;
	margin: -35px 140px 0 -140px ;
	padding: 0px 0px 0px 0px;
	}
	
#content_top1 #tarifs a {
	display: block;
	width: 171px;
	height: 54px;
	background: transparent url(../images/tarifs.jpg) top left no-repeat;
	padding: 0;
	}
	
#content_top1 #tarifs a:hover {
	display: block;
	width: 171px;
	height: 54px;
	background: transparent url(../images/tarifs.jpg) bottom left no-repeat;
	padding: 0;
	}	
/******************************/

#content_top2 {
	background: transparent url(../images/top_content_2.jpg) top left no-repeat;
	width: 1020px;
	height: 238px;
	margin: -35px 0 0 -8px ;
	padding: 0px 0px 0px 0px;
	}

#content_top2 h2 {
	padding: 130px 0px 0px 115px;
	}	
	


*html #content_top2 {
    background: transparent url(../images/top_content_0_ie6.jpg) top left no-repeat;
	margin: 0 0 0 -8px ;
	z-index:100000;
	}	
	
/***********************/

#content_top3 {
	background: transparent url(../images/top_content_3.jpg) top left no-repeat;
	width: 1020px;
	height: 238px;
	margin: -35px 0 0 -8px ;
	padding: 0px 0px 0px 0px;
	}

#content_top3 h2 {
	padding: 130px 0px 0px 115px;
	}		
	
		

*html #content_top3 {
    background: transparent url(../images/top_content_0_ie6.jpg) top left no-repeat;
	margin: 0 0 0 -8px ;
	z-index:100000;
	}	
#content_top3 #tarifs {
	background: transparent;
	width: 171px;
	height: 54px;
	float:right;
	margin: -35px 140px 0 -140px ;
	padding: 0px 0px 0px 0px;
	}
	
#content_top3 #tarifs a {
	display: block;
	width: 171px;
	height: 54px;
	background: transparent url(../images/tarifs.jpg) top left no-repeat;
	padding: 0;
	}
	
#content_top3 #tarifs a:hover {
	display: block;
	width: 171px;
	height: 54px;
	background: transparent url(../images/tarifs.jpg) bottom left no-repeat;
	padding: 0;
	}	
/***********************/
	
#content_page {
	background: transparent url() top center repeat-y;
	width: 992px;
	margin: 0 0 0 -5px ;
	padding: 0px 0px 0px 0px;
	}

#content_bottom {
	background: transparent url(../images/page_content_bottom.jpg) top left no-repeat;
	width: 992px;
	height: 44px;
    margin: 0 0 0 -5px ;
	padding: 0px 0px 0px 0px;
	}	

/************************************************
*	Columns-Pages  					     		* 
*************************************************/

#columnspage {
	width: 760px;
	min-height:330px;
	margin: 0px auto 0px;
	margin-top: -60px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	background: transparent;
	}

#columnspage h2 {
	color: #8abafc;
	font-size: 18px;
	font-family: Arial, serif;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	}
	
*+html #columnspage h2 {
	color: #8abafc;
	font-size: 15px;
	font-family: Arial, serif;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	}	

#columnspage p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}

#columnspage img {
	border: none;
	margin: 0px 0px 10px 0px;
	}

#columnspage ul{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#columnspage ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}	

#columnspageleft {
	float: left;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 0px;
	overflow: hidden;
	border-right: 0px solid #C0C0C0;
	}

#columnspageright {
	float: right;
	width: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	}	

*html  #columnspageleft {
	height: 450px;
	padding-top: 60px
	}

*html #columnspageright {
	height: 450px;
	padding-top: 60px
	}	
	
#columnspageright #flash {
	background: #2c71bf;
	width: 360px;
	height:300px;
	margin: 10px 0 0 0;
	padding: 5px;
	overflow: hidden;
	}

#columnspageleft_news {
	float: left;
	width: 340px;
	margin: 0px 0px 0px -30px;
	padding: 0px 20px 10px 0px;
	/*overflow-x: hidden;*/
	border-right: 0px solid #C0C0C0;
	}	

*html  #columnspageleft_news {
	height: 450px;
	padding-top: 60px
	}
	
#columnspageright_news {
	float: right;
	width: 360px;
	margin: -300px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	}	



*html #columnspageright_news {
	height: 450px;
	padding-top: 0px
	}

#columnspageright_news #flash {
	background: #2c71bf;
	width: 360px;
	height:300px;
	margin: 10px 0 0 0;
	padding: 5px;
	overflow: hidden;
	}		
	
/************************************************
*	footer      								*
************************************************/

#footer {
	background: transparent url(../images/footer.jpg) bottom left no-repeat;
	width: 912px;
	height:126px;
	margin: 0px auto 0px;

	padding: 0px 0px 0px 0px;
	line-height: 15px;

	}
	
#footer #line {
	width:840px;
	height:1px;
	margin: 0 0 0 10px ;
	padding: 0px 10px 0px 10px;
	border-top: 0px solid #eee;
	}


#footer p {
	color: #fff;
	font-size: 10px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	}

	

#footer a, #footer a:visited {
	color: #fff;
	text-decoration: none;
	}	

#footer a:hover {
	color: #ff0;
	text-decoration: underline;
	}

#footer a.gedone, #footer a.gedone:visited {
    background: transparent url(../images/tip_gedone.jpg) bottom left no-repeat;
	display: block;
	width: 160px;
	height: 25px;
	border: none;
	margin: -8px 0px 0px 230px;
	padding: 0px;
	}	

#footer a.gedone:hover {
    background: transparent url(../images/tip_gedone_hover.jpg) bottom left no-repeat;
	border: none;
	}
	

#footer a img {
	border: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}	
	
.footer_left {
	width: 375px;
	float: left;
	margin: 0px;
	padding: 50px 0px 0px 40px;
	}
	
.footer_right {
	width: 375px;
	float: right;
	margin: 0px;
	padding: 50px 70px 0px 0px;
	text-align: right;
	}
	
*html .footer_left , *html .footer_right {

	padding-top: 37px;

	}	
	
/************************************************
*	contact form						        *
************************************************/
#columnspageright #flash #contactform {
	float: left;
	background : transparent;
	text-align: center; 
	vertical-align: middle;
	width: 340px; 
	height: 200px;
	margin: 0;
	padding: 45px 0 0 5px;
	border: 0px;
	color: #fff;
	font-size: 0.7em;
}

#columnspageright #flash #contactform .labeul {
	color: #fff;
	font-size: 1.2em;
	margin: 18px 0 0 2px;	
}

#columnspageright #flash #contactform .labeul2 {
	color: #fff;
	font-size: 1.2em;
	margin: -18px 0 0 2px;
	vertical-align: middle;
}

#columnspageright #flash #contactform  input{
	background : #3387DD;
	border: 1px solid #ccc;
	width: 200px; 
	height: 15px;
    color: #fff;
	padding: 1px;
	margin: 4px 0 0 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;	
}

#columnspageright #flash #contactform textarea{
	background : #3387DD;
	border: 1px solid #ccc;
	width: 200px; 
	height: 45px;
    color: #fff;
	padding: 1px;
	margin: 10px 0 0 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

#columnspageright #flash #contactform  input.send{
	background: #3387DD url() top left no-repeat;
	border: 0px solid #ccc;
	width: 90px; 
	height: 25px;
	margin: 10px 0 0 0 ;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;	
	padding: 10px;
	color: #fff;
}

#columnspageright #flash #contactform  input.send:hover{
	width: 90px; 
	height: 25px;
	padding: 10px;
	background: #0C56A2 url() top left no-repeat;
	color: #ff0;
}

#columnspageright #flash #result {
	float: left;
	background : transparent;
	text-align: left; 
	vertical-align: middle;
	width: 340px; 
	height: 58px;
	margin: 10px 0 0 10px;
	border: 0px;
	color: #fff;
	font-size: 1.1em;
}
/* jscrollPane */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: none;
}
.jScrollPaneDrag {
	position: absolute;
	background:  transparent url(../images/drag.gif) top left no-repeat;
	cursor: pointer;
	overflow: hidden;
	height:10px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.scroll-pane {
	width: 250px;
	height: 300px;
	overflow: auto;
	background: none;
	float: left;
}