html, body{ height:100% !important; }

html{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
}

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../Img/fond_montagne.jpg);
	background-color:#FFFFFF;
	background-position:top center;
	background-repeat:repeat-x;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#global{
	position: relative;
	width:955px;
	margin:0 auto 0 auto;
	/*background:url(../img/fond_montagne.jpg) no-repeat top center;*/
}

.leftFlags{
	position:absolute;
	top:130px;
	left:15px;
}

.grisclair{
	color:#ccc;
}

.gris{
	color:#878787;
}

.noir{
	color:#000;
}

.blanc{
	color: #fff;
}

.txtgris9{	
	font-size:9px;
	color:#666;
}

.rouge{
	color:#ff0000;
}

.bleu{
	color: #00338d;
}

.vert{
	color: #008a00;
}

.spacer{
	clear: both;
}

#contenu{
	margin: 0px 0px 0px 83px;
	padding: 0px 8px 0px 7px;
	width: 811px;
	min-height: 454px;
	border: 1px solid #ffffff;	
	background: url(../img/fond_contenu.gif) top left repeat-x #c0c0c0;
	clear: both;
}

#contenuFooter{
	margin: 0px 0px 0px 83px;
	padding: 0px 8px 0px 7px;
	width: 811px;
	min-height: 454px;
	border: 1px solid #ffffff;
	background: url(../img/fd-contenu-footer.jpg) no-repeat bottom #fcfcfc;
	clear: both;	
}

#contenuResa{
	margin: 0px 0px 0px 83px;
	padding: 0px 8px 0px 7px;
	width: 811px;
	min-height: 454px;
	border: 1px solid #ffffff;
	background:url(../img/resa-fd.gif) repeat-x bottom #FFFFFF;
	clear: both;	
}

#contenu_infos_stations{
	margin: 0px 0px 0px 83px;
	padding: 0px 8px 0px 7px;
	width: 811px;
	min-height: 454px;
	border: 1px solid #ffffff;
	background: url(../img/fond_cadre_montagne.jpg) top left repeat-x #e9e9e9;
	clear: both;	
}


div{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
}

li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img{
	border:0px;
}

a{
	text-decoration:none;
}

select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*************************************************
			FIN HEADER ET FOOTER
*************************************************/

#navtop1{
	float:left;
	width:678px;
	padding:0px 0px 0px 83px;
}

#navtop1 li{
	margin:0px 20px 0px 0px;
	font-size:9px;
	color:#ffffff;
	display:inline;	
}

#navtop1 a{
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
	zoom: 1;	
}

#navtop1 a:hover{
	font-size:9px;
	color:#ffffff;
	text-decoration:underline;
}

#navtop1 .lang{
	position:relative;
	margin:0 0 0 30px;
}
#navtop1 .lang span{
	z-index:5;
	position:relative;
}
#navtop1 .langChoose{
	visibility:hidden;
	position:absolute;
	top:-5px;
	right:-4px;
	padding:20px 8px 4px 4px;
	width:115px;
	text-align:right;
	background:#355a92;
	border:1px solid #FFF;
	border-top:0;
}


#navtop2{
	float:left;
	width:135px;
	height:22px;
	padding:3px 0px 0px 15px;
	background:url(../img/fond_accessportmode.gif) top left no-repeat;
	font-size:9px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#navtop2vide{
	float:left;
	width:135px;
	height:22px;
	padding:3px 0px 0px 15px;
	font-size:9px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#navtop2 a{
	font-size:9px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#logo{
	float:left;
	width:83px;
	height:68px;
}

#footer{
	margin:0px 0px 0px 83px;
	padding:1px 0px 3px 0px;
	width:828px;
	text-align:right;
	font-size:9px;
	color:#777777;
	text-decoration:none;
	background:#FFFFFF;
}

#footer li{
	display:inline;
	margin-right:14px;
}

#footer li.last{
	display:inline;
	margin:0px 3px 0px 0px;
}

#footer a{
	font-size:9px;
	color:#777777;
	text-decoration:none;
}

#footer a:hover{
	font-size:9px;
	color:#777777;
	text-decoration:underline;
}

#menunav{
	width: 805px;
	height: 29px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 83px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 24px;
	background-image: url(../img/fond_menunav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#menunav li{
	margin:0px 10px 0px 0px;
	display: inline;	
}

#menunav a{
	font-size:10px;
	color:#EBEBEB;
	text-decoration:none;
	font-weight:bold;
	zoom: 1;
	line-height: 27px;
}

#menunav a:hover{
	color: #FFFFFF;
	font-weight:bold;
	background-image: url(../img/fond_menu_nav_hover.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#menunav li.lastMenuNav a{
	color: #000000;
	font-weight:bold;
}

#menunav li.lastMenuNav a:hover{
	color:#000000;
	font-weight:bold;
}

#titreheader{
	float: left;
	width:828px;
	padding:20px 0px 0px 0px;
}

#titre1Home{
	float: left;
	padding: 0px 7px 0px 0px;
	display: block;
	zoom: 1;		
}

#flashcontent{
	float: left;	
	display: block;
	zoom: 1;	
}

#titre2Home{
	float: left;
	padding: 0px 0px 0px 5px;
	display: block;
	zoom: 1;	
}

.btRadioNorthFace{
	padding: 0 5px 0 0;
	float: left;
}

.repBtRadioNorthFace{
	padding: 0 10px 0 0;
	float: left;
}
/*************************************************
			FIN HEADER ET FOOTER
*************************************************/

/*************************************************
				DEBUT FIL D'ARIANE
*************************************************/
#cheminMateriel{
	width:811px;
	min-height:17px;
	background-image:url(../img/fond_nav_chemin.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	margin-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

#cheminMateriel li{
	display:inline;
	margin-right:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

#cheminMateriel a{
	text-decoration: underline;
	color:#000000;	
}

#cheminMaterielVide404{
	width:762px;
	min-height:17px;
	margin: 0px 0px 6px 20px;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px solid #878787;	
}
/*************************************************
				FIN FIL D'ARIANE
*************************************************/

/*************************************************
				DEBUT MAGASIN
*************************************************/
#contenu_presentation_magasin{
	float:left;
	width:429px;
	min-height:100px;
}

#presentation_magasin{
	width:383px;
	min-height:292px;
	padding:0px 22px 10px 22px;
	background: url(../img/fond_presentation.gif) top left repeat-y;
}

#espace_photos_magasin{
	float:left;
	min-height:210px;
	padding:0px 14px 0px 56px;
	display:block;		
}

#espace_photos_magasin div.photo_magasin{
	margin:0px 0px 11px 0px;
	background:url(../img/fond_photo_magasin.gif) bottom center no-repeat;
	padding:0px 0px 6px 0px;
	clear: both;
	display:block;
}

.zoom{
	z-index:2;
	position:absolute;
	padding:1px;
}


#espace_photos_magasin div.photo_magasin img.magasin{
	margin:0px 0px 6px 0px;
	clear: both;
	display:block;
}

#espace_photos_magasin div.photo_magasin p{
	font-size:9px;
	color:#000000;
	text-align:right;
	clear: both;
	display:block;
}

.magasinPartAngleCentreDroit{
	width: 96px;
	text-align: right;
	min-height: 18px;	
	padding: 8px 15px 0px 0px;
	font-size:9px;
	color:#fff;	
	font-weight: bold;
}
/*************************************************
				FIN MAGASIN
*************************************************/

/*************************************************
			DEBUT ENCART NOIR DROITE
*************************************************/
#contenuGaucheSerPratTypeSki{
	padding: 15px 0px 0px 0px;
	float: left;
	width: 645px;
}

#contenuDroiteSerPratTypeSki{
	padding: 15px 0px 0px 0px;
	float:left;
	width:166px;
}

.nav_gauche_materiel{
	width: 145px;
	padding: 0px 8px 5px 13px;
	background: #000;
	min-height: 302px;
	background: url(../img/fd-basdroite-noir.gif) bottom left no-repeat #000;	
	font-size: 9px;	
}

.inscRapideGlobalD .nav_gauche_materiel{
	width: 145px;
	padding: 0px 8px 5px 13px;
	background: #000;
	min-height: 243px;
	background: url(../img/fd-basdroite-noir.gif) bottom left no-repeat #000;	
	font-size: 9px;
}

#contenu_mesreservation_compteD{
	float: left;
	width: 166px;
}

#contenu_mesreservation_compteD .nav_gauche_materiel{
	width: 145px;
	padding: 0px 8px 5px 13px;
	background: #000;
	min-height: 243px;
	background: url(../img/fd-basdroite-noir.gif) bottom left no-repeat #000;	
	font-size: 9px;
}

.nav_gauche_materiel p{
	padding: 0px 0px 0px 11px;	
}

.nav_gauche_materiel ul{
	padding: 10px 0px 10px 10px;
	margin: 0;
}
		
.nonLast{
	background: url(../img/fd-libasvisiteguidee.gif) bottom right no-repeat;
}		
		
.nav_gauche_materiel li{
	list-style-type: none;	
	margin: 0;
	padding: 0;	
}
		
.nav_gauche_materiel li a{
	background: url(../img/fd-livisiteguidee.gif) top left no-repeat;
	color: #9f9f9f;
	display: block;		
	margin: 3px 0px 0px 0px;	
	padding: 0px 0px 0px 11px;
	zoom: 1;
}
		
.nav_gauche_materiel li a:hover{
	color: #fff;
	font-weight: bold;
	background: url(../img/fd-livisiteguidee-on.gif) top left no-repeat;
}
		
.nav_gauche_materiel .On a{
	color: #fff;
	background: url(../img/fd-livisiteguidee-on.gif) top left no-repeat;
	font-weight: bold;	
}


.titre_contenu_droit_materiel{
	padding: 8px 0px 3px 0px;
	background: url(../img/fond_pointilles_noirs.gif) bottom left repeat-x;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
}
/*************************************************
			FIN ENCART NOIR DROITE
*************************************************/

/*************************************************
			DEBUT ENCART PROMO BAS DROITE
*************************************************/
#promo_magasin{
	width:166px;
	height:90px;
	padding:10px 0px 0px 0px;
	margin: 2px 0px 0px 0px;	
	font-size:12px;
	color:#cc0000;
	font-weight:bold;
	text-align: center;
	background: url(../img/fd-promomagbasdroite.jpg) no-repeat;
	line-height: 20px;
	float: left;	
}

#promo_magasin a{
	color:#cc0000;
}

#promo_magasin a:hover{
	text-decoration: underline;
}
/*************************************************
			FIN ENCART PROMO BAS DROITE
*************************************************/

/*************************************************
				DEBUT MSG ERREUR
*************************************************/
#msg_erreur_formulaire{
	margin:0;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	clear: both;
}

#msg_erreur_formulaire2{
	margin: 5px 0px 5px 0px;
	font-size: 11px;
	font-weight:bold;
	color:#ff0000;
}

#msg_erreur_formulaire3{
	float:left;
	margin: 5px 0px 5px 0px;
	font-size: 11px;
	font-weight:bold;
	color:#ff0000;
}

#msg_erreur_formulaire4{
	float:left;
	margin: 0px 20px 0px 0px;
	font-size: 11px;
	font-weight:bold;
	color:#ff0000;
}
/*************************************************
				FIN MSG ERREUR
*************************************************/

/*************************************************
			DEBUT SERVICES PRATIQUES
*************************************************/
#info_saison{
	float:left;
	width:454px;
	min-height:329px;
	background:url(../img/bg-saisondroite.jpg) no-repeat bottom left;
	padding: 0px 0px 0px 15px;
}
/*************************************************
			FIN SERVICES PRATIQUES
*************************************************/

/*************************************************
			DEBUT MON COMPTE
*************************************************/
#carreCommande_mesreservation_compte{
	float:right;
	margin:0px 25px 0px 0px;
	width: 240px;
	min-height:190px;
	background:#000;
}

#bloc_bonasavoir_traitgris_compte{
	width:329px;
	margin:8px 0px 8px 26px;
	background:url(../img/fond_nav_chemin.gif) repeat-x;
}
/*************************************************
			FIN MON COMPTE
*************************************************/

/*************************************************
				DEBUT HEADER
*************************************************/
.info_partenaires{
margin: 0px 0px 15px 0px;
width:350px;
min-height:54px;
background:url(../img/pointilles_partenaires.gif) bottom left repeat-x;
}

.info_partenaires_last{
margin: 0px 0px 15px 0px;
width:350px;
min-height:54px;
background:url(../img/blank.gif) bottom left repeat-x;
}
/*************************************************
				FIN HEADER
*************************************************/

/*************************************************
			DEBUT BULLE DE TEXTE
*************************************************/
a.bulle span.bulle{
	display: none;
}

a.bulle span.bulle2{
	display: none;
}

a.bulle span.bulle3{
	display: none;
}

a.bulle:hover{
	background: none;
}

a.bulle:hover span.bulle{
	display: inline;
	visibility:visible;
	position: absolute;
	background: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size:9px;
	border:1px solid #000000;
	padding:1px 1px 1px 1px;
	z-index:200;
	color: #000;
}

a.bulle:hover span.bulle2{
	display: inline;
	visibility:visible;
	position: absolute;
	background: #ffffff;
	text-align: left;
	text-decoration: none;
	font-size:9px;
	border:1px solid #000000;
	padding:2px 2px 2px 2px;
	z-index:200;
	width: 150px;
	color: #000;
}

a.bulle:hover span.bulle3{
	display: inline;
	visibility:visible;
	position: absolute;
	background: #ffffff;
	text-align: left;
	text-decoration: none;
	font-size:9px;
	border:1px solid #000000;
	padding:2px 2px 2px 2px;
	z-index:200;
	width: 180px;
	color: #000;
}

/*************************************************
			FIN BULLE DE TEXTE
*************************************************/

/*************************************************
					DEBUT SIFR
*************************************************/
h1{
	font-size: 20px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: -3px;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/*************************************************
					FIN SIFR
*************************************************/

/*************************************************
				DEBUT MATERIEL
*************************************************/
.centreDroiteTxtCentreSelectMat{
	margin: 13px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 173px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;		
}

.liensBasMateriel{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	width: 364px;
	clear: both;
}
/*************************************************
				FIN MATERIEL
*************************************************/


#global .skiInfo{ position:relative; font-size:9px; }
.headSkiInfo{  margin:0 10px 10px 0; font-weight:bold; text-transform:uppercase; }
.headSkiInfo img{ float:right; margin:-12px 0 0 0; }
.lineSkiInfo{ margin:0 10px 0 0; padding:10px 0; background:url(../img/fd-pointillesscroll-home.gif) repeat-x; }
.lineSkiInfo .stationSkiInfo{ float:left; padding:4px 0; width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lineSkiInfo .pictoSkiInfo{ float:left; width:30px; text-align:center;  }
.lineSkiInfo .dataSkiInfo{ float:right; padding:4px 0; width:70px }
.lineSkiInfo .Snow{ padding:1px 0; line-height:9px; }
.linkSkiInfo{ margin:0 10px 10px 0; padding:10px 0 0 0; text-align:right; background:url(../img/fd-pointillesscroll-home.gif) repeat-x; }
.linkSkiInfo a{ text-transform:uppercase; font-size:9px; color:#000000; font-weight:bold; }
