html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
 background-color:#fff;
 color:#000; 
 font-family:Arial, Helvetica, Verdana, sans-serif; 
 font-size:11px; 
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**
*	COPY & CONTENT ELEMS
*/
h1{font-size:34px;padding:0 0 5px 0;}
h2{font-size:28px;}
h3{font-size:21px;}
h4{font-size:18px;/*color:#ec2227;*/}
h5{font-size:16px;padding:.4em 0;display:inline;}
h6{font-size:12px;padding-top:20px;}
h7{font-size:1em;}
h7.news{padding:4px; background:#1175B6;color:#fff; font-size:18px; margin:8px 0;display:block;} 
p{padding:0 0 8px 4px;line-height:1.3em;}

hr {
  border: 0;
	height:1px;
 /* width: 80%;*/
	color: #ccc;
	background-color: #ccc;
	margin:4px 0;
}

a:link {	color:#1175B6;}
a:visited {color:#1175B6;}
a:hover {color:#000;}
a:active {color:#333;}

a.internal{	font-weight:bold;font-size:14px;text-align:right;display:block;}
/** GENERIC CLASSES **/ 
.bottom {vertical-align: bottom}
.centered{margin-left:auto;margin-right:auto;display: block;text-align: center;}
.floatright{float:right}
.floatleft{float:left}
.hide{display: none;}
.clear{clear:both;}
.space{clear:both;margin-top:10px;}
.error{font-weight:bold;color:red}
.bold,.altbold{font-weight:bold}
/**
*	LAYOUT
*
*/
.gm h1,.gm h2,.gm h3,.gm h4,.gm h5,.gm h6{color:#70BAD4;}
.flaine h1,.flaine h2,.flaine h3,.flaine h4,.flaine h5,.flaine h6{color:#1175B6;}
.sixt h1,.sixt h2,.sixt h3,.sixt h4,.sixt h5,.sixt h6{color:#9eb152;}
.samoens h1,.samoens h2,.samoens h3,.samoens h4,.samoens h5,.samoens h6{color:#962a27;}
.morillon h1,.morillon h2,.morillon h3,.morillon h4,.morillon h5,.morillon h6{color:#078edb;}
.carroz h1,.carroz h2,.carroz h3,.carroz h4,.carroz h5,.carroz h6{color:#eda848;}

#main {padding-bottom: 30px;margin:0 auto; width:996px}  /* must be same height as the footer */
/*.noanim #main{width:768px;}*/
#header {height:441px; background:#70BAD4 url(../img/header_bg.png) top center repeat-x;}

.noanim #header{height:110px; /*background-color:#fff*/ margin-bottom:40px}
.page #header,.plan #header{height:641px;}

.gm #header{background-color:#70BAD4;}
.flaine #header{background-color:#1175B6;}
.sixt #header{background-color:#9eb152;}
.samoens #header{background-color:#962a27;}
.morillon #header{background-color: #078edb;}
.carroz #header{background-color:#eda848;}



#logo { top:-8px ;left:20px; position:absolute; z-index:22; }
#tools{ color:#fff; margin:0 10px; position:absolute; top:0px;right:10px;z-index:21 }
#tools a{ padding:0 4px; }

#menu { position:relative; height:41px;/**/background-color:#000;background:transparent url(../img/topbar_bg.png) top center repeat-x;}

#nav {position:relative; font-size:12px; height:41px;}
#nav{padding:0; margin:0 auto; list-style:none; width:768px;}
#nav li {float:left;/* border-bottom:1px solid #f00;	*/ }
#nav li a {
	float:left; 
	display:block; 
	/*padding:0 10px;*/
	padding:0;
	margin:0;
	color:#fff; 
	text-decoration:none; 
	font-weight:bold;}

/*#nav li ul {width:100%;}*/
#nav li ul li a {color:#fff;}
/*#nav li a.down {background:url(images/down.gif) no-repeat right center;}*/
#nav li ul li a.down {font-size:14px; font-weight:bold;}
#nav li ul {position:absolute; top:41px; left:-9999px; z-index:10; /*background:url(images/fade.png);*/}
#nav li ul ul {top:29px;}
#nav li ul li{height:25px}
#nav li ul.rightside li {float:right;}
#nav li ul.sub {padding:4px 0 0 0;background:url(../img/sub_bg.png) bottom center repeat;/**background-image:none;*/}
/*#mediaholder{position:absolute;top:41px;left:0px;z-index:7;}*/
#media{position:relative;background:transparent url(../img/topbar_shade.png) top center repeat-x;}
#media,#shade,#swf{height:400px;width:100%;}
.page #media,.page #shade,.page #swf,
.plan #media,.plan #shade,.plan #swf
{height:600px;}

#swf{position:absolute;top:0px;left:0px;/*z-index:8;*/}

/**
*	CONTENT
*
*/
#content {text-align:left;float:left;vertical-align:top;padding:0 0 30px 0;width:100%}
.noanim #crumb{/*margin:0 auto; width:768px; height:30px;*/}

/*** CONTENT CLASSES **/
.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}
.teaser{float:left; display:inline;padding:0px;margin-right:10px;margin-top:6px;margin-bottom:4px;} 
.video .teaser{margin-right:2px;}

#tsr_meteo{margin-right:2px;}
#tsr_webcams{margin-right:0;}

.teaserimg{float:left;/* display:inline;*/margin-right:6px;margin-top:10px;} 
.camholder{
	float: left;
	width:320px;	
	margin: 5px;	
	/*border-bottom:2px solid #1175B6; text-align: justify;
	border-bottom:2px solid #1175B6;display: inline;clear:right;*/
}
/*.accordion{width:100%;}*/
/*.accordion h7 { activated  text-decoration: underline;*/
div.accordion h6 {
	cursor: pointer;
	margin: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	color:#fff;
	display:block;
	background-color:#1175B6;
	padding:3px;
	font-weight:bold;
	font-size: 14px;
}
div.accordion div {padding:3px;}
/*
.accordion h7.gm {background-color: #f00;}
.accordion h7.massif {background-color: #0e0;}
.accordion h7.flaine {background-color: #09f;}
*/
#content li{padding:4px 0;}
#plansite ul.plansite li{display:block;clear:both; }

#content ul.plansite li ul, #content ul.plansitesub { margin:0 10px; }
#content ul.plansite li { list-style:none; display:inline; float:left;padding:4px;font-weight:bold; }
#content ul.plansitesub li { list-style:none; display:block; float:none;padding:4px; }
#content ul.pagenav{ clear:both;font-size:18px;margin-bottom:10px;}
#content ul.pagenav li { list-style:none; display:inline; float:left;padding:0 4px; }

#webcam-wrap img {border:2px solid #000;}


div.thumbs {
	width:200px;
	float:left;
	
}


.gallery-nav{
	float:left;
	margin-right:20px;
	width:160px;
	font-size:1.2em;
}
.gallery-nav li a{
 text-decoration:none;
 
}
.gallery-nav li.selected a{
 text-decoration:underline;
 
}

ul.thumbs {
float:left;
width:760px;/**/
	margin: 0;
	padding: 0;
}
#gallery-index-thumbs{

width:100%;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	width:160px;
}
/*
ul.thumbs li a {
padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
*/

ul.thumbs li div{
}

ul.thumbs li h6 {
	padding:0 0 4px 0;
	font-size:1.1em;
	height:30px;
}
ul.thumbs li a {
	/*position:relative; SET IN JS	*/
	display: block;
	overflow:hidden;
	height:158px;	
	width:158px;
}

ul.thumbs li a span.thumb{	
	position:relative;
	background:#cecece;
	display: block;
}
ul.thumbs li a img{
	padding: 2px;
	border: 1px solid #ccc;
	margin-bottom:100px;
}
ul.thumbs li.selected a {
	background: #88f;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	margin:0 auto;
}

span.loading{ width:50px;height:50px; 
background:transparent url(../img/ajax-loader.gif) no-repeat left top;
z-index:100;
position:absolute;
top:24px;
left:50px;
display: block;
}


#news-head{
position:relative;
background:transparent url(../img/news-head-bg.png) no-repeat center 5px;	
height:	90px;
}

#news-head h6{
	font-size:38px;
	color:#fff;
position:absolute;
top:46px;left:20px;
	padding:5px 0 5px 0;
	
	
}

#news-categorys{ 
position:absolute;
bottom:0;right:20px;
/*height:80px;*/

}
#news-categorys li {
	float:left;	
	padding:0;margin:0;
}
#news-categorys li a{
	display:block;
	width:82px;
	height:25px;
	background:transparent url(../img/news-head-menu.png) no-repeat 0 0;	
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding:58px 0 2px 0;	
text-decoration:none;
}
#news-categorys li a:hover{

text-decoration:underline;
}
#news-categorys li a.cat1{
	background-position:0px 0px;
}
#news-categorys li a.cat2{
	background-position:-82px 0px;
}

#news-categorys li a.cat3{
	background-position:-164px 0px;
}

#news-categorys li.selected a.cat1{
	background-position:0px -108px;
}
#news-categorys li.selected a.cat2{
	background-position:-82px -108px;
}

#news-categorys li.selected a.cat3{
	background-position:-164px -108px;
}


#news-container{
	float:left;
	width:700px;
	padding:20px 2px 20px 20px;
}
#news-container div{
	font-size:1.1em;
	line-height:1.4em;
}
#news-container img{
	float:right;
	margin-left:10px;
	border:4px solid #eee;
}
#news-items{
	/*float:right;
	margin-right:20px;
	margin-top:-3px;*/
	position:absolute;
	top:88px;
	right:20px;
	
	width:236px;
	font-size:1.2em;
	font-weight:bold;
}
#news-items li{
	background:#70BAD4;
	padding:10px 4px;
	border-bottom:1px solid #fff;
	display:block;
	height:32px;
	/*clear:both;*/
}
#news-items img{
border:1px solid #fff;
float:left;
margin:0 4px 0 0;
}
#news-items span{
float:left;
width:160px;
}
#news-items a{
color:#fff;
text-decoration:none;

}
#news-items a:hover, #news-items a:hover span{
text-decoration:underline;
}

#news-foot{
display:block;
clear:both;
margin:20px 0;
}


/**
* 2 columns
**/
.c2-leftcol{ 
 display: inline;
 float: left;
 width: 482px;
 margin-right:20px;
}
.c2-rightcol { 
 display: inline;
 position: relative;
 float: left;
 width: 482px;
}
/**
* 3 columns
**/
.c3-leftcol{ 
 display: inline;
 float: left;
 width: 320px;
 margin-right:15px;
}
.c3-midcol { 
 display: inline;
 position: relative;
 float: left;
 width: 320px;
 margin-right:15px;
}
.c3-rightcol { 
 display: inline;
 position: relative;
 float: left;
 width: 320px;
}

/**
* 4 columns
**/
.c4-leftcol{ 
 display: inline;
 float: left;
 width: 240px;
 margin-right:12px;
}
.c4-leftmid { 
 display: inline;
 position: relative;
 float: left;
 width: 240px;
 margin-right:12px;
}
.c4-rightmid { 
 display: inline;
 position: relative;
 float: left;
 width: 240px;
 margin-right:12px;
}
.c4-rightcol { 
 display: inline;
 position: relative;
 float: left;
 width: 240px;
}



/* FOOTER */
#footer {
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
 
 background:#000;
 color:#fff;
 font-size:.8em;
 } 

#footnav{
 margin:0 auto;width:1010px;padding:5px 0;
 /*margin:0 auto;width:540px;padding:5px 0;*/
}

#footer ul li { list-style:none; display:inline; float:left;margin:0 2px }
#footer li a.active { color:#0f0;text-decoration:underline;}
#footer ul li a,
#footer ul li a:link { 
 float:left;
 padding:5px 4px; 
 color:#fff; 
 text-decoration:none; 
 clear:both;
} 
#footer ul li a:hover { 
 text-decoration:underline;
} 
#footer ul li.hilite { background-color: #70BAD4;}
#footer ul li.hilite  a,
#footer ul li.hilite  a:link {
 color:#000; 
} 


/***
*
* CONTENT ELEMENTS
*
*/



dt{font-weight:bold; color:#000;/* background-color:#BC7F36;cursor:pointerwidth:100%;text-decoration:underline;border-bottom:2px solid #000;*/padding-bottom:2px
}
dt a:link,dt a:visited,dt a:active{color:#000;text-decoration:none;border:none;display:block;background-color:#70BAD4;padding:3px;}
dt a:hover {color:#70BAD4;background-color:#333;}
/*dd{padding:3px 0}*/
/** TABLE **/
table {
	width: 100%;
	clear:both;
	text-align:left;
}

tr {background: #eee;border-bottom:1px solid #fff;} 
tr.alt {background: #ddd;} 
th{background: #ccc;}
td,th{padding:4px;vertical-align: top;} 

/**** FORMS *****/
.formholder  {vertical-align:top;}
form {text-align:left;margin:0;padding:0;}
select, option{text-align:left;}
input, select, textarea {
  color: #666;
	background:#fff; /**/
  border:1px solid #666;
  padding:2px; 
  clear:right;
  margin:.2em 0;
}
textarea {overflow: auto;}
input:hover,textarea:hover,select:hover {
 border:1px solid #70BAD4;
} 
/*td input[type=text],th input[type=text],textarea{	width:98%;}*/
input[type=submit]{ 
 padding:5px;
 background:#ddd;
 font-weight:bold;
 text-align:center;
 color:#70BAD4;
 border:1px solid #70BAD4;
 float:right;
 
}
input[type=submit]:hover {
 border:1px solid #666;
 color:#000;
}
input.butt {float:right;}
input.small {width:60px;}
input.wide, select.wide,label.wide{width:200px;}
/*input, select{width:200px;} 	
label{margin-right:4px;display: inline-block;width:200px;vertical-align:top;}*/
label{margin-right:4px;display: inline-block;width:160px;vertical-align:top;}
fieldset{
	position: expression('relative');  /*Fixes IE problem with fieldset+legend boundaries */
	padding: 6px;
	background-color:#FCFCFC;
	/*width:390px;*/
	text-align:left;
	display:inline;
	vertical-align:top;
	margin:10px;
	font-weight:bold;
}
/*fieldset {margin:1em 0;border:none;font-weight:bold;}*/
legend{color:#70BAD4;padding:5px 0;font-size:1.4em;}


pre {background-color:#000;color:#fff;display:block;clear:both}