body {margin: 0;overflow:hidden;}

#fmEmbed {
	width: 100%;
	/*min-width: 280px;
	max-width: 960px;*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 75%;
	line-height: 120%;
	color: #1d1d1d;
	background: #f0f0f0;
	}

/* Default width Modules for #fmEmbed*/	
.w300 {width: 300px !important;}
.w420 {width: 420px!important;}
.w480 {width: 480px!important;}
.w640 {width: 640px!important;}
.w960 {width: 960px!important;}


/* clearfix */	
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* Image replacment */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

	
#fmEmbed a {color: #00c0ff; text-decoration: none;}

@font-face {
    font-family: 'DINBoldRegular';
    src: url('../fonts/dinbd-webfont.eot');
    src: url('../fonts/dinbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinbd-webfont.woff') format('woff'),
         url('../fonts/dinbd-webfont.ttf') format('truetype'),
         url('../fonts/dinbd-webfont.svg#DINBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
#fmEmbed h1,
#fmEmbed h2 {font-family: 'DINBoldRegular'; font-weight: normal; margin: 0 0 .7em 0;}
#fmEmbed h1 {color: #00c0ff; font-size: 180%;}
#fmEmbed h2 {font-size: 170%;}
#fmEmbed h3 {font-size: 110%; margin: 0 0 1em 0;}


#fmEmbed p {margin: 0 0 1em 0;}

#fmEmbed ul,
#fmEmbed ol,
#fmEmbed dl {margin: 0 0 5px 0; padding: 0; list-style: none; list-style-image: none;}
#fmEmbed ul li {}
#fmEmbed ul li a {}
#fmEmbed dt, #fmEmbed dd {margin: 0 0 0 3px; padding: 0; display: block;}

/* Images sprite */
#fmEmbed h1.fm_logo,
#fmEmbed ul#fmModMenu li a,
#fmEmbed dl.snow_height dd {background-image: url(../img/fm_sprite_embed.png); background-repeat: no-repeat;}
/*#fmEmbed #fmCont ul li {background-image: url(../img/fm_sprite_embed.png); background-repeat: no-repeat;}*/
#fmEmbed .fm_logo.ir {position: relative; right: 10px; margin : 0;}

/* STRUCTURE //////////////////////////////////////////////////////// */
#fmEmbed #fmHead,
#fmEmbed #fmCont {padding: 10px;}


/* MODULE HEADER ////////////////////////////////////////////////////// */
#fmEmbed #fmHead { color: #c9c9c9;
	background: #1d1d1d; /* old browsers */	
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d1d1d), color-stop(100%,#494949)); /* webkit */
  background: -moz-linear-gradient(#1d1d1d, #494949); /* firefox */	
  background: -o-linear-gradient(#1d1d1d, #494949); /* opera */
  background: -ms-linear-gradient(#1d1d1d, #494949); /* ie10 */	
  background: linear-gradient(#1d1d1d, #494949); /* w3c */ 
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#1d1d1d', EndColorStr='#494949'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#1d1d1d', EndColorStr='#494949')"; /* IE8 */}

#fmEmbed .right {
    float : right;
}

#fmEmbed .left {
    float : left;
}

/* #fmEmbed h1.fm_logo {float: right} */
#fmEmbed dl.weather,
#fmEmbed dl.slopes_open,
#fmEmbed dl.snow_height {float: left;}

#fmEmbed #fmHead h1 {margin: 8px 0 0 4px;}
#fmEmbed h1.fm_logo {width: 114px; height: 39px; background-position: 0 0;}

/* Meteo */
#fmEmbed dl.weather {border-right: 1px solid #5e5e5e; margin: 0 10px 5px 5px;}
#fmEmbed dl.weather dt {float: left; width: 38px; height: 38px; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #5e5e5e; 
							  background-image: url(../img/fm_sprite_meteo.png); background-repeat: no-repeat; background-position: 0 0;}
#fmEmbed dl.weather dt.m_P1 {background-position: 0 0;} /* Sun Sun Sun */
#fmEmbed dl.weather dt.m_P2 {background-position: 0 -38px;} /* Sun Few Clouds */
#fmEmbed dl.weather dt.m_P3,
#fmEmbed dl.weather dt.m_P4,
#fmEmbed dl.weather dt.m_P5 {background-position: 0 -76px;} /* Sun Cloud Cloud */
#fmEmbed dl.weather dt.m_P7 {background-position: 0 -114px;} /* Sun Cloud Rain */
#fmEmbed dl.weather dt.m_P11 {background-position: 0 -152px;} /* Sun Cloud Snow */
#fmEmbed dl.weather dt.m_P6 {background-position: 0 -190px;} /* Cloud Cloud Cloud */
#fmEmbed dl.weather dt.m_P8,
#fmEmbed dl.weather dt.m_P9 {background-position: 0 -228px;} /* Cloud Cloud Rain */
#fmEmbed dl.weather dt.m_P10,
#fmEmbed dl.weather dt.m_P12 {background-position: 0 -266px;} /* Cloud Cloud Snow */
#fmEmbed dl.weather dt.m_P13,
#fmEmbed dl.weather dt.m_P14 {background-position: 0 -304px;} /* Cloud Cloud Lightning */
#fmEmbed dl.weather dt.m_P15 {background-position: 0 -381px;} /* Brouillard */
#fmEmbed dl.weather dt.m_P16 {background-position: 0 -419px;} 
#fmEmbed dl.weather dt.m_P17 {background-position: 0 -461px;}
/*#fmEmbed dl.weather dt.m_clr {background-position: 0 -342px;}  Cloud Lightning Rain*/
#fmEmbed dl.weather dd {clear: right; float: right; margin: 0; padding: 0 10px 0 0; width: 53px;}

#fmEmbed #nom_station {
    cursor : pointer;
    margin-left: 20px;
}
/* Slopes Open */
#fmEmbed dl.slopes_open {min-height: 38px; margin: 0 5px 1em 0; padding: 0 10px 0 0; border-right: 1px solid #5e5e5e;}
#fmEmbed dl.slopes_open dt, #fmEmbed dl.slopes_open dd {display: inline; float: left;}
#fmEmbed dl.slopes_open dd.br {display: block;  clear: both;}

/* Snow height */
#fmEmbed dl.snow_height dt {}
#fmEmbed dl.snow_height dd {padding: 0 0 0 30px; background-position: 0 -97px;}

/* UTILITY BAR */

ul#fmModMenu {list-style: none; margin: 5px 0 0 0; padding: 0; float: left; position: relative; clear: both;}
ul#fmModMenu li {float: left; position: relative; *zoom: 1;}
ul#fmModMenu li:hover {position: relative;}
ul#fmModMenu li a {display: block; float: left; width: 160px; padding: 3px 0 3px 10px; color: #fff; text-decoration: none; border: 1px solid #6b6b6b; background-position: -110px -55px;}
ul#fmModMenu li a:hover {color: #ccc; }
ul#fmModMenu ul {position: absolute; visibility: hidden; top: 100%; left: 0; padding: 0; border: 1px solid #6b6b6b;}
ul#fmModMenu li:hover > ul {visibility: visible; z-index: 9999;}
ul#fmModMenu li ul li a {padding: 3px 0 3px 10px; border: none; background-color: #6b6b6b; background-image: none !important;}


/* MODULE CONTENTS ////////////////////////////////////////////////////// */
#fmEmbed #fmCont {position: relative;}

/* scroller */
#fmCont { /*width: 520px;*/ clear: both; margin: 0;}
#fmEmbed #fmCont {padding-bottom: 15px;}
#fmCont .viewport { width: 90%; height: 225px; overflow: hidden; position: relative; }
#fmEmbed.w300 #fmCont .viewport {width: 259px; height: 400px;}
#fmCont .overview { list-style: none; position: absolute; left: 0; top: 0; width : 100%}
#fmCont .thumb .end,
#fmCont .thumb { background-color: #fff; }
#fmCont .scrollbar { position: relative; float: right; width: 15px; }
#fmCont .track { background-color: #989898; height: 100%; width:5px; border: 4px solid #989898; position: relative; padding: 0; }
#fmCont .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#fmCont .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#fmCont .disable{ display: none; }

#fmEmbed.w300 #fmCont .viewport {width: 259px; height: 400px;}

#fmEmbed #fmCont .visu, #fmEmbed #fmCont #visu {float: left; margin: 0 0 10px 0; border-right: 10px solid #f0f0f0; }
#fmEmbed #fmCont #visu img  {width: 200px; height: 200px; border: 2px solid #1d1d1d;}
#fmEmbed #fmCont .visu img  {width: 100px; height: 100px; border: 2px solid #1d1d1d;}
#fmEmbed #fmCont .visu iframe {width: 200px; height: 200px; border: 2px solid #1d1d1d;}

#fmEmbed #fmCont .visu_webcam {float: left; margin: 0 0 10px 0;}
#fmEmbed #fmCont .visu_webcam img {width: 90px; height:49px; border: 0px solid #1d1d1d;}

#fmEmbed #fmCont .visu_agenda {float: left; margin: 0 10px 10px 0;}
#fmEmbed #fmCont .visu_agenda img {width: 100px; height:75px; border: 0px solid #1d1d1d;}

#fmEmbed #fmCont h2 {padding: 0 0 .6em 0; margin: 0 0 .4em 0; border-bottom: 1px solid #000;}
#fmEmbed #fmCont ul li {padding: 0 0 0 1em; /*background-position: 0 -123px;*/}

.embedded_panes { display : none; }
#station.embedded_panes { display : block; }

.div_link_logo{width: 105px;height: 35px;}

/*domaine skiable*/
#domaine_content {background: none;padding: 0px;}
#domaine_content .panes .card_snow div {padding: 7px;}
#domaine_content .domaine_colonne_gauche {float: left;}
#domaine_content .domaine_colonne_gauche, .domaine_colonne_droite {overflow: hidden;width: 240px;}
#fmEmbed #fmCont #domaine_content ul li {padding : 0;}
#domaine_content .first_li_domaine {background-color: #494949;color: white;padding-left: 5px!important;padding-top: 2px!important;padding-bottom: 2px!important;font-weight: bold;}
#domaine_content .second_li_domaine {color: #1D78BC;}
#fmEmbed #fmCont #domaine_content .third_li_domaine {background: url(/sites/all/modules/custom/fm/fm_embed/img/ico_card_snow_alt.png) no-repeat 0 60%;padding-left: 25px;}
#domaine_content li.piste img {width: 11px;height: 11px;padding-right: 2px;}
#domaine_content a.link {padding: 0 0 0 20px;background: url(/sites/all/modules/custom/fm/fm_embed/img/ico_link.png) no-repeat 0 50%;color: #1D78BC;}
#fmEmbed #fmCont #domaine_content ul li::before {content: none;}

#domaine_content .domaine_colonne_gauche { margin-right: 10px;}

/* Meteo */
#fmEmbed .meteo_avenire {float: left;width: 179px;margin-right: 10px !important;}
#fmEmbed .meteo_avenire .title {background-color: #494949;color: white;padding-left: 5px;padding-top: 2px;padding-bottom: 2px;font-weight: bold;}
.meteo_avenire dl {height: 30px;border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}
.meteo_avenire dl dt {background: none;padding: 0px;display: block;float: left;}
.meteo_avenire .temp_img {height: 24px;width: 24px;}
.meteo_avenire p.txt {font-size: 1em;}

#fmEmbed .snow h5 {background-color: #494949;color: white;padding-left: 5px;padding-top: 2px;padding-bottom: 2px;font-weight: bold;font-size:1em;}

/* Agenda */
.station_desc {position: relative;margin: 0 0 10px 0;padding: 10px;background: url(/sites/all/modules/custom/fm/fm_embed/img/bkg_list.png) repeat-x 0 0;}
.station_desc img {float: left; clear: both;}
#fmEmbed #fmCont .station_desc h2 {display: block;font-size: 110%;font-weight: bold;padding: 0;float: left;color: #2A91DF;border: none;}
#fmEmbed #fmCont .station_desc h3 {display: block;font-size: 110%;font-weight: bold;padding: 0;color: #000000;border: none;}
.station_desc dl.description {}
#fmEmbed .station_desc ul, {margin: 0 0 0 110px;}
.station_desc ul li a, .station_desc dl dt a {color: #5E5E5E;line-height: 100%;}
.station_desc a.link {display: block;font-size: 85%;text-align: right;position: absolute;bottom: 0px;right: 10px;font-weight: 100 !important;padding: 0 0 0 20px;background: url(/sites/all/modules/custom/fm/fm_embed/img/ico_link.png) no-repeat 0 50%;height: 15px;}
div.view div.views-hide {display: none;}
div.view div.views-hide-hover, div.view:hover div.views-hide, div.view div.views-admin-links, div.view div.views-admin-links-hover, div.view div.views-admin-links:hover {background-color: whiteSmoke;border: 1px solid #DDD;font-size: 9px;margin-right: 0;margin-top: 0;padding: 0;padding-left: 10px;position: absolute;right: 0;top: 0;}
div.view div.views-admin-links li {padding-bottom: 2px;z-index: 201;}

/* Galerie */
#fmEmbed #fmCont .view-header h2 {font-size : 130%; border : none;}


/* Bulletin enneigement */
#neige div.col_left {display: block;float: left;width: 270px;padding: 0;margin: 0 30px 0 0;background: none;}
#neige div.col_right {float: left;margin: 0;display: block;width: 210px;padding: 0;background: none;}
#col_left {display: block;float: left;width: 170px;padding: 0;margin: 0 30px 0 0;background: none;}
#col_right {float: right;margin: 0;display: block;width: 240px;padding: 0;background: none;}
#neige div.domaine {display:block;}
#neige div.nordic {display:block;}
#neige .domaine h2{margin-top : 15px !important;}
#neige .nordic h2{margin-top : 15px !important;}
#neige dl {display: block;padding: 0 0 0.4em 0;margin: 0 0 0.4em 0;border-bottom: 0px solid #B7CFE7;}
#neige dl.snow_alt dd {padding: 0 0 0 35px;background: url(/sites/all/modules/custom/fm/fm_embed/img/ico_card_snow_alt.png) no-repeat 10px 0;}
#neige dl.snow_alt dd {
padding: 0 0 0 35px;
background: url(/sites/all/modules/custom/fm/fm_embed/img/ico_card_snow_alt.png) no-repeat 10px 0;
}
#neige dl.last {
border-bottom: none;
}
#neige dl dt {
display: inline;
font-weight: bold;
padding-left: 10px;
background: url(/sites/all/modules/custom/fm/fm_embed/img/bullet_blue.png) no-repeat 0 50%;
}
#neige dl.back_to_station dd {
display: inline;
padding-left: 0;
}
#neige dl dd img {
margin: 3px 0 -3px 0;
}
#neige .snow dl.tracks dd.green span {color: #00a31e;}
#neige .snow dl.tracks dd.blue span {color: #2a91df;}
#neige .snow dl.tracks dd.red span {color: #fe0000;}
#neige .snow dl.tracks dd.red span {color: #fe0000;}
#neige .information h5 {background : url(/sites/all/modules/custom/fm/fm_embed/img/ico_card_info.png) no-repeat; background-color: #494949; height:15px; padding-left:30px; padding-top: 5px;}
/* webcams */ 

#webcams .station_desc dl dd, #webcams .station_desc dl dt {
display: inline;
font-size: 85%;
line-height: 120%;
}

#station h2 {
}

#curseur {
    cursor: pointer;
    height: 10px;
    width: 15px;
    float:left;
    margin : 15px 5px 0 5px;
}

#galerie_content {
    margin: auto;
    overflow: auto;
}

#fleche_station {
}

#infos {
    float : left;
    overflow : auto;
}

#fmEmbed #fmHead .fm_logo {
    margin-top : 0;
}

.clear {clear:both;}
/*****************************************/
/* Teaser GMAP */
/*****************************************/
.gmnoprint.terms-of-use-link {
    display: none;	
}

.gmnoprint#logocontrol{
    display: none;  
}

#geo_map h2 {
	border: none !important;
}

.date_maj_anmsm {
  width: 250px;
  max-width: 100%;
  float: right;
  margin-top: 20px;
}

.date_maj_anmsm .left {
  width: 56%;
  font-style: italic;
  padding: 10% 2%;
  text-align: right;
  font-size: 90%;
}

.date_maj_anmsm .right {
   width: 40%;
}

.date_maj_anmsm .right img {
   width: 100%;
}
