/* nouvelle fonte pour la refonte 2012-2013 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

@font-face {
	font-family: 'DaxBold';
	src: url('../../ms_2013/fonts/dax-bold-webfont.eot');
	src: 	local('?'), 
url('../../ms_2013/fonts/dax-bold-webfont.woff') format('woff'), 
url('../../ms_2013/fonts/dax-bold-webfont.ttf') format('truetype'), 
url('../../ms_2013/fonts/dax-bold-webfont.svg#webfontplVybK5n') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lobster13Regular';
	src: url('../fonts/lobster_1.3-webfont.eot');
	src: 	local('?'), 
			url('../fonts/lobster_1.3-webfont.woff') format('woff'), 
			url('../fonts/lobster_1.3-webfont.ttf') format('truetype'), 
			url('../fonts/lobster_1.3-webfont.svg#webfontfCS5lC0d') format('svg');
	font-weight: normal;
	font-style: normal;
}

.DaxBold {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: DaxBold, sans-serif;
	font-size-adjust: 0.54;
}
.OpenSans {
	color:#000000;
	font-size:28px;
	margin:0px;
	padding:0;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	letter-spacing: -0.4px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size-adjust: 0.52;
	border-bottom:1px solid #c6c6c0;
	margin-bottom:14px;
	padding:3px 15px 10px 15px;
}

body {	
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	background:url(../../ms_2013/images/2013/site-bg.jpg) repeat #FFF top center;
	/*
	hiver : site-bg
	ete : site-bg-ete
	automne : site-bg-automne
	*/
}

a { outline: none; }

#site_externe{
	background:url(../images/2013/bg-site-externe.png) no-repeat top left;
	position:absolute;
	top:45px;
	right:0px;
	padding:9px 0px 9px 17px;
	width:47px;
	z-index:500;
}
.accueil #site_externe{ top:115px; }
	#site_externe a{
		margin:4px 0px 0px 0px;
		display:block;
		width:38px;
		height:36px;
		background-repeat:no-repeat;
		background-position:top left;
	}
	#site_externe a:first-child{ margin:0px 0px 0px 0px; }
	#site_externe a:hover{ background-position:bottom left }
	
	#btn_ext_fb{background:url(../images/ico/ico-site-ext-facebook.png);}
	#btn_ext_tw{background:url(../images/ico/ico-site-ext-twitter.png);}
	#btn_ext_yt{background:url(../images/ico/ico-site-ext-youtube.png);}
	#btn_ext_fkr{background:url(../images/ico/ico-site-ext-flickr.png);}
	#btn_ext_cart{background:url(../images/ico/ico-site-ext-cart.png);}
	


/* STYLE COMMUN **************************************************************************/
/* font : OpenSans */
.slide_titre,
#footer_abonnez_vous,
#footer_petites_annonces,
#footer_premiere_visite,
#plan_du_site .titre,
#quote h2,
#reseau_sociaux h2,
#accueil_col_centre h2, 
#accueil_col_gauche h2,
#accueil_col_droite h2,
#conditions h2
{
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	letter-spacing: -1px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size-adjust: 0.52;
}


/* border bottom 5px #000000 */
#promotions_en_cours h2,
#concours_en_cours h2,
#accueil_col_droite h2,
#activites_header,
#quote h2,
#reseau_sociaux h2
{
	border-bottom: 5px solid #000000;
}

/* border bottom 1px #bebbb5 */
.activites,
.promotions,
.voir_toutes
{
	border-bottom: 1px solid #bebbb5;
}

/* float left */
#menu_principal a,
#recherche
{
	float:left;
}

/* float right */
#menu_principal
{
	float:right;
}

/* texte noir */
#recherche_form,
#footer_abonnez_vous,
#footer_petites_annonces,
/*#footer_premiere_visite,*/
#footer-credit,
#contenu #quote a,
#credit_megavolt a,
#credit_rinaldi a
{
	color:#000;
}

/* texte blanc */
#menu_principal,
#menu_principal a,
#plan_du_site .titre,
.slide_titre,
.slide_txt,
#fond_ecran,
#footer_premiere_visite,
#plan_du_site .div_footer_menu a,
#plan_du_site .div_footer_menu .titre_div_footer_menu,
.tooltipRight,
.tooltip
{
	color:#fff;
}

/* texte rouge */
.slide_more,
#conditions a
{
	color:#d2232a;
}

/* FIN STYLE COMMUN **************************************************************************/

#level_0_top{
	
}
.wrapper{
	width:960px;
	margin:0px auto;
}
#menu_top .wrapper, #img_section .wrapper{ position:relative }

#header{
	position:relative;
	z-index:100;
	height:403px /*333*/;
}
.accueil #header{ height:522px; }
#img_section{
	height: 343px;
    position: absolute;
    top: 0;
	left:0;
    width: 100%;
}

#papier_texture{
	height:70px;
	width:100%;
	position:absolute;
	bottom:0px;
	z-index:200;
	background: url(../images/2013/bg-carrousel-papier-texture-rpt.png) bottom center repeat-x;
}
	
	#menu_top{
		background:url(../../ms_2013/images/2013/bg-menu-top-rpt.png) repeat-x center top;
		position:relative;
		height: 36px;
		z-index:300;
	}

	#photos img{ vertical-align:top; }
	
	#menu_principal a{
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		font-size:13px;
		line-height:20px;
		margin-right:10px;
		margin-top:8px;
		padding-right:10px;
		display:inline-block;
		border-right:1px solid #FFF;
	}
	#menu_principal a:hover{text-decoration:underline;}
	#menu_principal #btn_conditions{ 
		text-transform:uppercase; 
		font-weight:bold; 
		background:url(../images/ico/ico-flocon.png) no-repeat left center;
		padding-left:25px;
		margin-right:0px;
		border:none;
	}
	#menu_principal #top_menu_english{ border:none; margin-left:10px;}
	
	#header-logo{
		width:210px;
		height:105px;
		float:left;
		display:block;
		margin-top:0px;
		position:absolute;
		left:16px;
		z-index:400;
	}
	#btn_se_rendre_a_la_station{}
	
	#renseignements_utiles{
		margin:17px 0px 0px 13px;
		display:block;
		width:202px;
		height:25px;
	}
	
	#recherche{
		height:24px;
		margin-top:6px;
		background-color:#a7a9aa;
	}
		#recherche_form{
			display:block;
			font-size:12px;
			background-color:#a7a9aa;
			float:left;			
			border:none;
			padding:0px 6px;
			margin-top:0px;
			width:118px;
			height:24px;
			line-height:24px;
		}
		#recherche_loupe_btn{
			background:url(../../ms_2013/images/ico/ico-fleche-recherche.png) no-repeat top left;
			display:inline-block;
			margin-right: 5px;
    		margin-top: 2px;
			float:left;
			border:none;
			width:21px;
			height:21px;
			cursor:pointer;
		}
	
	
/* Conditions actuelles Accueil + contenu */
#img_section #conditions{
	position:absolute;
	top:62px;
	right:20px;
}

/*.iframe-wrapper{
	height:130px;
	overflow: hidden;
}*/

#conditions_content{
	/*background-color:#f9f8f2;*/
	background-color:#fff;
	padding:10px;
}
/*.accueil #conditions_content{ background-color:#FFF;}*/

#precipitations,
#pistes_sieges
{
	float:left;
}

#precipitations{
	margin-left: 18px;
	margin-right:15px;
	width: 126px;
}
#pistes_sieges{
	width: 96px;
}
	
	#conditions{
		width:288px;
		font-size:12px;
		color:#000000;
	}
	#level_0_top #conditions h2{
		text-transform:uppercase;
		padding:0px 0px 6px 0px;
		margin:0px 0px 6px 0px;
	}
	#level_0_top #img_section #conditions h2{
		background-color:#000;
		line-height:30px;
		color:#fff;
		padding:0px 0px 0px 28px;
		margin:0px;
	}
		
	#conditions a {
		font-weight:bold;
		text-decoration:none;
		position: relative;
		top: -5px;
	}
	#conditions a:hover {
		text-decoration:underline;
	}
	
	#conditions span.weather {
		font-size: 16px;
		font-weight: bold;
	}
	
	

#menu_actif{
	display:none;
	background-image:url(../images/2013/contenu-menu-actif-fleche.png);
	background-repeat:no-repeat;
	width:14px;
	height:10px;
}

#main{ background-color:#F9F8F2; }
#contenu_sous_menu { background-color:#FFF }

	#sous_menu{
		height:38px;
		padding:0px 24px;
		background-color:#FFF;
	}
	
	#sous_menu a,
	.sous_menu_separateur{
		display:inline-block;
		float:left;
	}
	
	.sous_menu_separateur{
		width:1px;
		margin:0px;
	}
	
	#sous_menu a{
		text-decoration:none;
		height:31px;
		line-height:31px;
		font-size:12px;
		font-weight:bold;
		color:#58595b;
		padding:0 9px;
	}
	
		#sous_menu a:first-child{ padding-left:0;}
		
	#sous_menu a:hover{	text-decoration:underline }
	#sous_menu a.sous_menu_selected{color:#D2232A}
	
	
	/* sous-menu école de glisse - FR */
	#sous_menu a#sm_ecole_de_glisse_initiez_vous{}
	#sous_menu a#sm_ecole_de_glisse_programme_de_fins_de_semaine{width:90px;}
	#sous_menu a#sm_ecole_de_glisse_pour_adultes{width:75px;}
	#sous_menu a#sm_ecole_de_glisse_camp_de_noel_camp_de_relache{width:99px;}
	#sous_menu a#sm_ecole_de_glisse_cours_prives{width:38px;}
	#sous_menu a#sm_ecole_de_glisse_devenir_assistant_moniteur{width:105px;}
	#sous_menu a#sm_ecole_de_glisse_garderie_ecole{}
	#sous_menu a#sm_ecole_de_glisse_billets_de_remontees_avec_cours{width:185px;}
	
	#sous_menu a#sm_ecole_de_glisse_programme_de_fins_de_semaine,
	#sous_menu a#sm_ecole_de_glisse_camp_de_noel_camp_de_relache,
	#sous_menu a#sm_ecole_de_glisse_devenir_assistant_moniteur,
	#sous_menu a#sm_ecole_de_glisse_billets_de_remontees_avec_cours,
	#sous_menu a#sm_ecole_de_glisse_cours_prives
	{
		line-height:14px;
	}
	
	/* sous-menu Services - FR */
	#sous_menu a#sm_nos_services_corporatifs_et_evenements{width:72px}
	#sous_menu a#sm_nos_services_restaurant_et_bar{width:66px}
	#sous_menu a#sm_services_guides_de_montagne{width:60px}
	#sous_menu a#sm_services_garderie{}
	#sous_menu a#sm_services_boutique_sports_experts{}
	#sous_menu a#sm_services_location_et_reparation{width:66px}
	#sous_menu a#sm_services_navette{}
	#sous_menu a#sm_services_patrouille_de_ski{width:56px}
	#sous_menu a#sm_nos_services_equipe_de_competition{width:70px}
	#sous_menu a#sm_services_exclusifs_aux_membres{width:80px}
	#sous_menu a#sm_services_exclusifs_aux_membres span{clear:both; display:block;}
	
	#sous_menu a#sm_nos_services_corporatifs_et_evenements,
	#sous_menu a#sm_nos_services_restaurant_et_bar,
	#sous_menu a#sm_services_guides_de_montagne,
	#sous_menu a#sm_services_location_et_reparation,
	#sous_menu a#sm_services_patrouille_de_ski,
	#sous_menu a#sm_nos_services_equipe_de_competition,
	#sous_menu a#sm_services_exclusifs_aux_membres
	{
		line-height:14px;
	}
	
	#fil_d_arianne{
		margin:25px 24px 18px 24px;
		font-weight:bold;
		float:left;
		width:912px;
	}
	
	#fil_d_arianne a{
		color:#58595b;
		font-size:11px;
		text-decoration:none;
	}
	#fil_d_arianne a:hover{	text-decoration:underline; }
	
	#fil_d_arianne a.last{
		color:#D2232A;
	}
		
	.print_share{
		display:inline-block;
		height:34px;
		float:right;
		width:321px;
		padding-bottom:5px;
		margin-top:18px;
	}
		.version_imprimable{
			background:url(../../ms_2013/images/ico/icon-print.jpg) no-repeat left center;
			/* margin-top:18px; */
			display:inline-block;
			padding-left:25px;
			font-size:12px;
			color:#58595B;
			height:16px;
			float:right;
			text-decoration:none;
		}
		.version_imprimable:hover{text-decoration:underline;}
		
	.addThis{
		float:right;
		display:block;
		margin:0px 0px 0px 15px;
		height:16px;
		width:173px;
	}

		.addThis .addthis_button_compact{
			text-decoration:none;
			font-size:12px;
			color:#D2232A;
		}
		
		.addThis .addthis_button_compact:hover{
			text-decoration:underline;
		}

	#titre_section {
		margin-left:9px;
		margin-right:9px;
		text-transform:uppercase;
	}

/* dû préciser à cause de IE7 */
#content{
	position:relative;
	z-index:10;
}

#contenu {
	padding:0 25px 25px 0;
	float:right;
	width:660px;
}

.liste_pages_photos a{ cursor:pointer; }
.selected{ color:#000 !important; }
.selected:hover{
	text-decoration:none !important;
	cursor:default !important;
}
#contenu h3{ font-size:14px;}
#contenu.sans_menu_section { width:910px; }

#ssm {
	float:left;
	width:224px;
	padding:0 20px 0 6px;
	background-image:url(../../ms_2013/images/sous-menu/col-ombre.png);
	background-repeat:no-repeat;
	background-position:top right;
	min-height:343px;
}

#ssm > a {
	display:block;
	padding: 0 15px 0px 18px;
	height:46px;
	font-weight:bold;
	font-size:12px;
	
	background-image:url(../../ms_2013/images/sous-menu/sous-menu-bg.png);
	background-repeat:no-repeat;
	text-decoration:none;
	margin:5px 0 0 0;
	background-color:#FFF;
	background-position:top left;
}
#ssm > a table {
	margin:0;
	width:100%;
}
#ssm > a td {
	vertical-align:middle;
	height:40px;
	background-image:url(../../ms_2013/images/sous-menu/sous-menu-fleche-droite-gris.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
	text-transform:uppercase;
	cursor:pointer;
	color:#58595b;
}
#ssm > a.avec_sm td {
	background-image:url(../../ms_2013/images/sous-menu/sous-menu-fleche-bas-rouge.png);
}
#ssm > a:hover td {
	color:#d2232a;
}
#ssm > a:first-child {
	margin-top:0px;
}

#ssm > a.current td, #ssm a:hover td  {
	color:#d2232a;
	background-image:url(../../ms_2013/images/sous-menu/sous-menu-fleche-droite-rouge.png);
}

#ssm > a.avec_sm.current td, #ssm a.avec_sm:hover td  {
	background-image:url(../../ms_2013/images/sous-menu/sous-menu-fleche-bas-gris.png);
}

#ssm .sssm {
	background-image:url(../../ms_2013/images/sous-menu/sous-sous-menu-rpt.png);
	background-repeat:repeat-y;
	background-color:#F9F8F2;
}

#ssm .sssm div {
	background-image:url(../../ms_2013/images/sous-menu/sous-sous-menu-top.png);
	background-repeat:no-repeat;
}
#ssm .sssm div div {
	background-image:url(../../ms_2013/images/sous-menu/sous-sous-menu-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:5px 0 10px 0;
}

#ssm .sssm a {
	display:block;
	height:auto;
	font-weight:normal;
	font-size:11px;
	color:#58595b;
	background-image:none;
	background-color:transparent;
	padding:2px 17px 2px;
	margin-left:4px;
}
#ssm .sssm a:hover {
	text-decoration:none;
	background-color:#ECEAE2;
	
}

#ssm .sssm a.current {
	color:#D2232A;
}

/* class pour le sous-sous-menu pour mettre sur 2 lignes sans affecter le fil d'arriane */
#ssm table td span{
	display:block;
	clear:both;	
}


/* Footer */
#level_0_bottom{
	background:url(../../ms_2013/images/2013/footer-texture.jpg) no-repeat center bottom;
	padding-bottom:15px;
}
body.en #level_0_bottom{ background:url(../../ms_2013/images/2013/footer-texture-en.jpg) no-repeat center bottom; }

#plan_du_site{
	background-color:#000;
	clear:both;
	display:block;
	width:910px;
	padding:24px 0 0 50px;
	margin-bottom:20px;
}
#plan_du_site .titre {
	text-transform:uppercase;
	font-size:30px;
	margin:0px 0 30px 0;
}

#plan_du_site .div_footer_menu {
	float:left;
	width:210px;
	padding-right:10px;
	padding-bottom:18px;
}

#plan_du_site .div_footer_menu .titre_div_footer_menu {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

#plan_du_site .div_footer_menu span {
	display:block;
}

#plan_du_site .div_footer_menu span a span {
	display:inline;
}

#plan_du_site .div_footer_menu a {
	text-decoration:none;
	font-size:12px;
}

#plan_du_site .div_footer_menu a:hover {
	text-decoration:underline;
}

#footer_abonne_annonce_ecrans{
	margin:7px 0px;
}
	
	#footer_abonnez_vous,
	#footer_petites_annonces,
	#footer_premiere_visite
	{
		display:block;
		border:4px solid #000000;
		float:left;
		font-size:26px;
		line-height:24px;
		margin-left:7px;
		text-decoration:none;
		text-transform:uppercase;
		padding:11px 16px;
	}
	
	#footer_abonnez_vous #footer_abonnez_vous_txt,
	#footer_petites_annonces #footer_petites_annonces_txt,
	#footer_premiere_visite #footer_premiere_visite_txt
	{
		display: block;
		float: left;
	}
	
	.lt-ie8 #footer_abonnez_vous,
	.lt-ie8 #footer_petites_annonces,
	.lt-ie8 #footer_premiere_visite
	{
		cursor:pointer;
	}
	
	#footer_abonnez_vous .footer_btn_fleche,
	#footer_petites_annonces .footer_btn_fleche,
	#footer_premiere_visite .footer_btn_fleche
	{
		display: block;
		float: right;
		height: 32px;
		width: 32px;
		margin-left: 1px;
		margin-right: -7px;
		margin-top: -4px;
		margin-bottom:-4px;
		background:url(../images/ico/ico-fleche.png) no-repeat left top;
	}
	#footer_abonnez_vous:hover div,
	#footer_petites_annonces:hover div/*,
	#footer_premiere_visite:hover div*/
	{ 
		background-position:left bottom; 
	}
	
	#footer_premiere_visite .footer_btn_fleche{ background:url(../images/ico/ico-fleche-blanc.png) no-repeat left top; }
	

	#footer_abonnez_vous{
		width:350px;
		margin-left:0px;
	}
	
	#footer_petites_annonces{
		width:246px;
	}	
	
	#footer_premiere_visite{
		width:230px;
		background-color:#000;
		/*background:url(../images/ico/ico-ecran.jpg) no-repeat #000 206px center;*/
	}


#commanditaires {
	text-align:right;
	padding-right:10px;
	padding-bottom:15px;
	float:right;
}

#commanditaires img {
	margin-left:20px;
	vertical-align: middle;
}

#footer-credit {
	float:left;
	width:264px;
	/*margin-left:20px;*/
}
	#copyright{
		float:left;
		font-weight:bold;
	}
	
	#credit_megavolt, #credit_rinaldi{
		font-size:11px;
		clear:both;
	}
		#credit_megavolt a {
			text-decoration:none;
			display:block;
			float:left;
			padding:3px 4px 3px 21px;
			
			background:url(../../ms_2013/images/credit-megavolt-2010.png) no-repeat;
			background-position: 0px 3px;
			
			height:18px;
			line-height:17px;
		}
		#credit_megavolt a:hover {
			text-decoration:underline;
		}
		#credit_rinaldi a{
			text-decoration:none;
			display:block;
			float:left;
			padding:0 4px 0 21px;			
			height:18px;
			line-height:11px;
		}
		#credit_rinaldi a:hover{
			text-decoration:underline;			
		}

	#credit_rinaldi{

	}

.right { float: right; }
.left { float: left; }
blockquote{ margin:12px 40px; }


.tooltipRight {
	display:none;
	background:url(../images/infobox-site-externe.png) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	height:28px;
	width:127px;
	padding:6px 18px 6px 6px;
	z-index:501;
}

.tooltip {
	display:none;
	background:url(../images/infobox-saison-btn.png) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	height:38px;
	width:127px;
	padding:6px 7px 6px 6px;
	z-index:501;
}

.tooltipRight.tooltipRight5{ line-height:28px; }