/* html */
html{
	overflow:auto;
}

/* body */
body{
	margin:0px;
	padding:0px;
	/*
	background-color:#7e7e7e;
	background-image:url(../images/images.php?img=interface/back.jpg);
	background-repeat:repeat-x;
	*/
	background-color:#EEEEEE;
	background-position:center top;
	background-repeat:no-repeat;
}

body, div, table{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing:0px;
	color:#4e4e4d;
}

/* H */
h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px;
}

h1{
	font-size:18px;
}

h2{
	font-size:16px;
}

h3{
	font-size:14px;
}

h4{
	font-size:12px;
}

h5{
	font-size:10px;
}

h6{
	font-size:8px;
}

/* image avec des lien et les form */
a img, form{
	margin:0px;
	padding:0px;
	border:none;
}

a img{
	position:relative;
}

/* liens */
a:link, a:active, a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing:0px;
	text-decoration:none;	
	color:#4e4e4d;
}

a:hover{
	text-decoration:underline;
}

p{
	margin:0px 0px 15px 0px;
	padding:0px;
}

/*
----------------
Back
----------------
*/

div#c_back{
	float:left;
	width:100%;
	background-color:#FFFFFF;
}

/*
----------------
Contenant du site
----------------
*/

div#global{
	position:relative;
	width:950px;
	margin:0px auto;
}

/*
----------------
Content
----------------
*/

div#c_content_global{
	float:left;
	width:100%;
	padding-top:10px;
	
	background-position:top;
	background-repeat:no-repeat;
}

div#c_full_content, div#c_content{
	float:left;
	position:relative;
	width:760px;
	padding:0px 0px 15px 20px;
}

div#c_full_content{
	width:930px;
}

div#c_content a{
	font-weight:bold;
	text-decoration:underline;
}

div#c_text{
	height:355px;
	width:595px;
	
	overflow-y:auto;
	overflow-x: hidden;
}

div#c_text_no_scroll{
	width:595px;
}

div#c_content div#c_titre{
	position:relative;
	width:100%;
	color:#A31900;
	font-size:30px;
	font-weight:bold;
	padding:5px 0px 15px 0px;
}

div#c_content .c_tmp{
	margin-top:10px;
}

/*
----------------
Footer
----------------
*/

div#f_footer{
	float:left;
	position:relative;
	width:100%;
	/*margin-top:15px;*/
	
	padding:15px 0px 8px;
	background-color:#7E7E7E;
}

div#f_footer div#f_links{
	float:right;
	font-size:10px;
}

div#f_footer div#f_links ul li.f_sep{
	position:relative;
	top:-1px;
	font-size:12px;
	/*color:#a8cc5c;*/
	color:#a31900;
}

div#f_footer div#f_links ul li a{
	font-size:10px;
	padding:0px 5px 0px 5px;
}

div#f_footer div#f_links ul li a.f_menu_actif{
	text-decoration:underline;
}

div#f_footer div#f_copy{
	float:left;
	
	padding-left:3px;
}

div#f_footer div#f_copy,
div#f_footer div#f_copy a{
	font-size:10px;	
	color:#cdcdcd;
}

/*
----------------
Formulaire
----------------
*/

input.f_txt,
textarea.f_txt,
select.f_slt{
border:solid 1px #4E4E4D;
padding:0px;
margin:0px;
width:98%;
}

input.f_tel1,
input.f_tel2{
width:30px;
}

input.f_tel3{
width:40px;
}

input.f_field_error,
textarea.f_field_error,
select.f_field_error{
background-color:#FCF38A;
}

input.f_field_invalid,
textarea.f_field_invalid,
select.f_field_invalid{
background-color:#F1B1B1;
}

div#callback{
color:#FF0000;
font-size:18px;
padding-bottom:10px;
}
/*
table.f_formulaire{
table-layout:fixed;
}

table.f_formulaire label{
cursor:pointer;
}
*/
table.f_formulaire td{
padding-bottom:3px;
}

table.f_formulaire div.hidden{
display:none;
}

span.f_error{
color:#FF0000;
font-size:10px;
}

/*
----------------
Header
----------------
*/

div#h_header{
	float:left;
	background-color:#000000;
	width:100%;
}

div#h_header div#h_menu{
	float:right;
}

div#h_header div#h_menu ul li a{
	float:left;
	font-size:14px;
	color:#FFFFFF;
	padding:7px 12px 0px 12px;
	height:27px;
}

div#h_header div#h_menu ul li a:hover,
div#h_header div#h_menu ul li a.h_menu_actif{
	/*background-color:#93bc3c;*/
	background-color:#a31900;
	text-decoration:none;
}

/* Menu flocon */
div#h_header div#h_menu ul li#hm_10 a{
	padding-right:22px;
	background-image:url(../images/interface/menu/flocon.gif);
	background-position:right;
	background-repeat:no-repeat;
}

div#h_header div#h_menu ul li#hm_10 a:hover,
div#h_header div#h_menu ul li#hm_10 a.h_menu_actif{
	background-image:url(../images/interface/menu/flocon_o.gif);
}

/*
----------------
Menu
----------------
*/

div#m_menu{
	position:relative;
	float:left;
	width:100%;
	/*height:33px;*/
	
	background-image:url(../images/images.php?img=interface/menu/back.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:100;
}

div#m_menu ul{
	float:left;
}

div#m_menu ul li.m_sep{
	padding:0px 1px 0px 1px;
}

div#m_menu ul li.m_menu a.m_link{
	float:left;
	font-size:14px;
	color:#4e4e4d;
	padding:7px 12px 0px 12px;
	height:27px;
	font-weight:bold;
	text-transform:uppercase;
}

div#m_menu ul li.m_menu a.m_link:hover,
div#m_menu ul li.m_menu a.m_menu_actif{
	background-color:#4e4e4d;
	color:#FFFFFF;
	text-decoration:none;
}

/* Skigolo */
div#m_menu ul li.m_skigolo_menu div.m_skigolo_txt{
	position:relative;
	float:left;
	height:33px;
	margin-right:-15px;
	z-index:2;
}
div#m_menu ul li.m_skigolo_menu div.m_skigolo,
div#m_menu ul li.m_skigolo_menu div.m_skigolo_index{
	position:relative;
	float:left;
	top:-39px;
	margin-bottom:-91px;
	z-index:1;
}

/* Menu right */
div#m_menu ul#m_menu_right{
	position:absolute;
	top:0px;
	right:0px;
}
div#m_menu ul#m_menu_right li.m_menu a{
	/*background-color:#93bc3c;*/
	background-color:#a31900;
	color:#FFFFFF;
	width:138px;
	text-align:center;
	padding:7px 6px 0px 6px;
}

/* Sub menu */
div#m_menu ul li div.sub_menu{
	float:left;
	position:absolute;
	left:0px;
	top:33px;
	width:150px;
	border-bottom:6px solid #4e4e4d;
	display:none;
	z-index:100;
}

div#m_menu ul li ul.m_menu_subsec,
div#m_menu ul li ul.m_menu_subsec li,
div#m_menu ul li ul.m_menu_subsec li.m_sub_menu ul.m_menu_sub_subsec,
div#m_menu ul li ul.m_menu_subsec li.m_sub_menu ul.m_menu_sub_subsec li{
	float:left;
	width:100%;
}

div#m_menu ul li ul.m_menu_subsec li.m_sub_menu a.m_menu_sub_link,
div#m_menu ul li ul.m_menu_subsec li.m_sub_menu ul.m_menu_sub_subsec a{
	display:block;
	font-size:11px;
	color:#342e29;
	text-decoration:none;
	cursor:pointer;
	width:120px;
	padding:5px 15px 5px 15px;
}

div#m_menu ul li ul.m_menu_subsec li.m_sub_menu a.m_menu_sub_link{
	background-color:#C5C5C4;
	background-image:url(../images/images.php?img=interface/menu/submenu/a_back.gif);
	background-repeat:repeat-y;
}

div#m_menu ul li ul.m_menu_subsec li.m_sub_menu a.m_menu_sub_link:hover,
div#m_menu ul li ul.m_menu_subsec li.m_sub_menu a.m_menu_sub_actif{
	background-color:#d7d7d7;
	background-image:url(../images/images.php?img=interface/menu/submenu/a_back_o.gif);
}

/* Sub sub menu */
div#m_menu ul li ul.m_menu_subsec li.m_sub_menu ul.m_menu_sub_subsec{	
	position:absolute;
	display:none;
	left:150px;
	top:0px;
	
	background-color:#686867;
	background-image:url(../images/images.php?img=interface/menu/submenu/back.gif);
	background-repeat:repeat-y;
}

div#m_menu ul li ul.m_menu_subsec li.m_sub_menu ul.m_menu_sub_subsec li a{
	color:#ffffff;
}

div#m_menu ul li ul.m_menu_subsec li.m_sub_menu ul.m_menu_sub_subsec li a:hover,
div#m_menu ul li ul.m_menu_subsec li.m_sub_menu ul.m_menu_sub_subsec li a.m_menu_sub_sub_actif{
	/*color:#bed133;*/
	color:#a31900;
}

/*
----------------
Right menu
----------------
*/

div#m_right_menu{
	float:right;
	width:150px;
	overflow:hidden;
	padding-bottom:5px;
}
div#m_right_menu img {
	width:150px;
}
div#m_right_menu.temp{
	background-color:#A31900;
	height:420px;
}

div#m_right_menu ul li{
	margin-bottom:-5px;
}

/*
----------------
Top
----------------
*/

div#t_top{
	float:left;
	width:100%;
	/*border-bottom:#93bc3c 8px solid;*/
	border-bottom:#a31900 8px solid;
}

/*
----------------
Menu
----------------
*/

div#m_menu{
	float:left;
	width:100%;
}

/*
----------------
Navig
----------------
*/

div.navig{
	float:left;
	width:100%;
}

div.navig a{
	font-size:14px;
	color:#7F7F7F;
	text-decoration:none;
}

div.navig span.selected{
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	/*color:#93bc3c;*/
	color:#a31900;
	text-decoration:underline;
}

/*
----------------
UL menu
----------------
*/

ul.ul_menu{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.ul_menu li{
	float:left;
	position:relative;
}
/* Image accueil ******************************************************************************/
div#c_cam a img, div#r_box, div#r_box {
	width:150px;
}
	
	/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/

	
	
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.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: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
	height: 200px;
}

.jScrollPaneTrack {
	background: url(../images/images.php?img=../jscrollpane/track.gif) repeat-y;
}

.jScrollPaneDrag {
	background: url(../images/images.php?img=../jscrollpane/drag_middle.gif) repeat-y;
}
.jScrollPaneDragTop {
	background: url(../images/images.php?img=../jscrollpane/drag_top.gif) no-repeat;
	height: 2px;
}
.jScrollPaneDragBottom {
	background: url(../images/images.php?img=../jscrollpane/drag_bottom.gif) no-repeat;
	height: 2px;
}
.jScrollPaneDrag:hover{
	background: url(../images/images.php?img=../jscrollpane/drag_middle_o.gif) repeat-y;
}
.jScrollPaneDrag:hover .jScrollPaneDragTop{
	background: url(../images/images.php?img=../jscrollpane/drag_top_o.gif) repeat-y;
}
.jScrollPaneDrag:hover .jScrollPaneDragBottom{
	background: url(../images/images.php?img=../jscrollpane/drag_bottom_o.gif) repeat-y;
}

a.jScrollArrowUp {
	background: url(../images/images.php?img=../jscrollpane/arrow_up.gif) no-repeat;
	height: 14px;
}
a.jScrollArrowUp:hover {
	background: url(../images/images.php?img=../jscrollpane/arrow_up_o.gif) no-repeat;
}
a.jScrollArrowDown {
	background: url(../images/images.php?img=../jscrollpane/arrow_down.gif) no-repeat;
	height: 14px;
}
a.jScrollArrowDown:hover {
	background: url(../images/images.php?img=../jscrollpane/arrow_down_o.gif) no-repeat;
}

/* IE SPECIFIC HACKED STYLES */
* html .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */
	
	#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
float:none;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;float:none;
	}	
#lightboxCaption{ float: left;color:#000000;float:none;}
#lightboxCaption a{ color:#000000;float:none;}
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; float:none;}

#lightbox img{ border: none; clear: both;float:none;} 
#overlay img{ border: none; float:none;}

#overlay{float:none;
background-color:#000000;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;
}
	
	div.news_sep{
	padding-top:10px;
	border-top:1px solid #7E7E7E;
}

div.allNews{
	float:left;
	width:100%;
	padding:5px 0px 5px 0px;
}

div.news{
	float:left;
	width:100%;
	/*border-bottom:1px solid #648029;*/
	border-bottom:1px solid #a31900;
	margin-bottom:10px;
}

div.lastnews{
	border-bottom:none;
	margin-bottom:0px;
}

div.n_date{
	font-size:14px;
	font-weight:bold;
}

div.n_title{
	padding:10px 0px 10px 0px;
}

div.n_title, div.n_title a{
	/*color:#648029;*/
	color:#a31900;
	font-size:14px;
	font-weight:bold;
}
	
	
/*
----------------
Full content
----------------
*/

div#c_full_content{
	width:935px;
	padding:0px 0px 5px 15px;
}

/*
----------------
Content Bottom
----------------
*/

v#home_news div#c_news_content{
	position:relative;
	float:left;
	padding:0px 0px 0px 0px;
	
	width:514px;
	z-index:2;
}

v#home_news  div#c_news_content div#c_no_news{
	width:514px;/*534*/
	height:83px;
	text-align:center;
	font-weight:bold;
}

div#home_news {
	width:514px;/*534*/
	padding:0px 10px 0px 10px;
	float:left;
	
}
/*
----------------
Content left
----------------
*/

div#c_left{
	position:relative;
	float:right;
	width:150px;
	margin-left:8px;
}

div#c_left div.c_box_t{
	position:relative;
	padding-top:10px;
	margin-bottom:-20px;
	
	background-color:#FFFFFF;
	
	
	z-index:1;
}

div#c_left div#c_left_content{
	position:relative;
	padding:0px 0px 6px 0px;
	
	width:150px;
	
	z-index:2;
}

/* Cam */
div#c_left div#c_left_content div#c_cam{
	position:relative;
	width:150px;
	height:115px;
	overflow:hidden;
	text-align:center;
	padding:0px 0px 0px 0px;
}

/* Meteo */
div#c_left div#c_left_content div#m_meteo{
	width:150px;
}

div#c_left div#c_left_content div.m_tmp{
	padding-top:10px;
}
/* Box */
div#c_left div#c_left_content div#r_box{
	width:150px;
	height:172px;
	padding:0px 0px 0px 0px;
}
/*
----------------
Content menu
----------------
*/

div#c_content_global{
	padding-top:14px;
}

div#c_menu{
	float:left;
	position:relative;
	width:215px;
}

div#c_menu ul li{
	margin:0px -3px 0px 0px;
}

/*
----------------
Menu
----------------
*/
/*
div#m_menu ul li.m_skigolo_menu a.m_skigolo{
	top:-68px;
	margin-left:-7px;
}
*/
div#m_menu ul li.m_skigolo_menu div.m_skigolo_index{
	top:-68px;
	margin-bottom:-133px;
}
	
	