/* CSS Document */

*{margin:0; 
padding:0;
line-height:12px;
}

/**** balises html ****/
html, body {
				height: 100%;
				font-size:100%;
			}
body{
	font-family:Arial, Helvetica, sans-serif;
	/* background-color:#000000; 
	background-image:url(../img/photo_fond_1280x324.jpg);*/
	background-repeat:no-repeat;
	background-position: 0px 228px;

	}

img{
	border:none;
	}
	
	#container {
				position: relative;
				min-height: 100%;
				background-color: #404D60;
				
			}
			


			
/****************id Logo**/


	
	
	
/****************id zone 1 - **/
#zonenoirehaut {
	position:relative;
	background-color:#000000;
	height: 195px;
	/*border: thin dotted #00FF66;*/
	}
#logo {
	float:left;
	margin-right:50px;
	position:absolute;
	z-index:10;
		left:55px;
		top:20px;
	}
#logo_bd {
	float:left;
	margin-right:50px;
	position:absolute;
	z-index:10;
		left:0px;
		top:0px;
	}

#logo img{
	padding:15px 0px 0px 15px;
	}
	
#drapeaux {
	float:left;
	left:73px;
	position:absolute;
	z-index:10;
	top:145px;
	}
#drapeaux_bd {
	float:left;
/*	left:356px;*/
/*	left:115px;*/
	left:115px;
	left:20px;
	position:absolute;
	z-index:10;
/*	top:170px;*/
	top:160px;
	top:15px;
	}	
	
#actualite{
	position:absolute;
	float:right;
	right:0px;
	/*border: thin dotted #993333;*/
	top: 15px;
	z-index: 20;
}
	
#menu {
	float:right;
	position:absolute;
	z-index:10;

/*	top: 400px;*/
top: 50%;
	right: 0px;
	z-index:13;
		font-size: 1.4em;

		
	}	
	
	
/****************id zone 2 - **/
#zone2 {
	position:relative;
	background-image:url(../img/photo_fond_1280x324.jpg);
	background-repeat:repeat-x;
	height: 260px;	/*border: thin dotted #FFFF33;*/
	}
#zone3 {
	position:relative;
	background-image:url(../img/fond_gris2.gif);
	height: 67px;
	/*border: thin dotted #FF0000;*/
	top: 0px;
	}
#zone5 {
	position:absolute;
	width:380px;
	height:35px;
	border:2px solid #404d60;
	overflow:hidden;
	bottom: 0px;
	left: 50px;
	z-index:100;
	background-color:#000000;
	margin:100px 0px 0px auto;
	overflow:hidden;
	display:none;
	
}
#zone6 {
	position:absolute;
	width:365 px;
	height:40px;
/*	border:2px solid #404000;*/
	overflow:hidden;
	bottom: 10px;
	left: 5px;
	z-index:100;
	background-color:#000000;
	margin:100px auto 0px auto;
	overflow:hidden;

	/*background-image: url(../img/defile.gif);*/
	background-repeat: no-repeat;
	background-position: right center;
}
#zone7 {
	position:relative;
	
	z-index:100;
	
}
#defile {
	position:relative;
	/* border:1px solid red; */
	height:20px;
	color: #FFFFFF;
	top: 5px;	/*width:300px;*/
	font-size: .8em;
	border-top-width: 5px;
	vertical-align: bottom;
	
	}
#zone4{
	width:100%;
	min-width:700px;
	background-color:#000000;
	position:absolute;
	left:0px;
	z-index:10;
	height:60px;
	bottom: 0px;
	}
	 
#zone4 ul{
list-style-type:none;
margin-top:15px;
margin-right:40px;
}
	
#zone4 li{
padding: 0px 5px 0px 5px;
display:inline;
float:right;
}

#zone4 img{
margin: 0px 10px 0px 10px;}
	
	
	
	
/****************id Logo**/
#logo {
	float:left;
	margin-right:50px;
	position:absolute;
	z-index:10;
	
	}

#logo img{
	padding:15px 0px 0px 15px;
	}
	
/***************************/
a{
	font-size:0.65em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	}
/****************id actualits**/




#line2{
height:245px;
width:100%;
background:url(../img/fond_gris.gif) repeat-x; 
color:#FFFFFF;
position:absolute;
top: 487px;
left:0px;
min-width:700px;
	bottom: 15px;
}

#global_link{
float:right;
width:700px;}

#global_link div{
	float:right;
	margin: 0px 6px 0px 6px;
	width:95px;
	height:95px;
	text-align: center;
	position:relative;
	top: -38px;
	}
#global_link a{
	display:block;
	width:91px;
	height:91px;
	border: #FFFFFF solid hidden 2px;
	}
#line2 img{
	margin-bottom:8px;
	margin-top:15px;}
	
#global_link a:hover { 
border: #FFFFFF solid 2px;	}

#global_link a:hover img{
width:42px;
height:42px;
margin-bottom:3px;
	margin-top:13px;	}

#line2 .bt6{
	margin-right:28px;}
	

	
 
	
/*************météo webcam bneige ***************************/


#popular_menu	{
/*background:url(../img/fond_meteo.gif) repeat;*/
background-color:#314055;
float:left;
width:400px;
height:1px;
position:absolute;
/*bottom:40px;*/
bottom:90px;
left:0px;
padding:10px;
/*border: thin dotted #00FF66;*/ }

#lienmeteo {
position:absolute;
	
/*width:410px;*/
height:22px;

/*position:absolute;*/
bottom:65px;
left:50px;
/*bottom:120px;
padding:0px;*/
/*border: thin dotted #00FF66;*/
z-index: 800;	
/* border: thin dotted #00FF66; */
}

#lienmeteo ul{
list-style-type:none;
margin-left:5px;
}

#popular_menu ul{
list-style-type:none;
margin-left:10px;
}
	
#popular_menu li ,#lienmeteo li{
display:inline;
}

#popular_menu img ,#lienmeteo img{
margin: 0px 13px 0px 13px;}


#popular_menu	a ,#lienmeteo a{
	font-size:0.7em;
	font-weight: bold;
	color: #859CB4;}
	
#popular_menu	a ,#lienmeteo a{
	font-size:0.7em;
	font-weight: bold;
	color: #859CB4;}	
	
/*************divs line3 ***************************/

#line3{
	width:100%;
	min-width:700px;
	background-color:#000000;
	position:absolute;
	top: 730px;
	left:0px;

	height:60px;
	}
	 
#line3 ul{
list-style-type:none;
margin-top:15px;
margin-right:40px;
}
	
#line3 li{
padding: 0px 5px 0px 5px;
display:inline;
float:right;
}

#line3 img{
margin: 0px 10px 0px 10px;}

/****************id bullneige**/
#bullneige, #meteo, #webcam{
	float:left;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	display: none;
	z-index: 200;	
	/* color: #5F849E; */
}

#meteo{
margin-top: -67px;
}

#webcam{
	margin-top: -140px; /* -120px; */ 
}

#savoirplus{
	display: none;
	position:absolute;
	bottom:20px;
	left:350px;
width:410px;
height:73px;
}
#refwebcam{
	/* background-color: #0099CC;
	color: #0099CC; */

}

/****************id test**/
.test{
	position:inherit;
	float:left;
	top: 10px;
	border: 2px;
	border-color: #993300;
}
#blokfisheye {
	position: absolute;
	top: 531px;
	right: 10px;
	text-align: center;
	height: 50px;
	align:right;
	float:right;
	/* border: medium dotted #00FF66; */
}.commentmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#container #zone3 table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
a.zone3table{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

#zonemenupop{
	width:120px;
	position:absolute;
	left:0px;
	z-index:10;
	height:100px;
	bottom: 60px;
	}
#zonemenupop_bd{
	width:328px;
	position:absolute;
	left:0px;
	z-index:10;
	height:330px;
	bottom: 0px;
	background-image: url(../img/accueil/sapin_bas.png);
	background-repeat: no-repeat;
	}
#zonemenupop_bd1{
	width:327px;
	position:absolute;
	left:0px;
	z-index:10;
	height:331px;
	bottom: 0px;
	}
#zonemenupop_bd2{
	width:327px;
	position:absolute;
	left:0px;
	z-index:10;
	height:352px;
	bottom: 0px;
	}
#zoneresultpop{
	width:250px;
	position:absolute;
	left:120px;
	z-index:10;
	height:130px;
	bottom: 60px;
	}
#zoneresultmeteo{
	width:250px;
	height:130px;
	}
#zoneresultbulletin{
	width:250px;
	height:130px;;
	}
#zoneresultwebcam{
	width:250px;
	height:130px;
	}
#AM{
	height: 65px;
	width: 65px;
	border: 2px solid #354258;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;	/*display: block;	display: inline; */
	text-align: center;
	margin-left: 15px;
	position: absolute;
	/*left: 20px; */
}
#AM1{
	height: 65px;
	width: 65px;
	border: 2px solid #354258;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;	/*display: block;	display: inline; */
	text-align: center;
	margin-left: 15px;
	position: absolute;
	/*left: 20px; */
}
#AMwc{
	height: 65px;
	width: 65px;
	border: 2px solid #354258;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;	/*display: block;	display: inline; */
	text-align: center;
	margin-left: 15px;
	position: absolute;
	left: 80px;
}
#PM{
	/*margin-left: 80%;*/
	height: 65px;
	width: 65px;
	border: 2px solid #354258;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	margin-left: 15px;
	position: absolute;
	left: 155px;
	/*margin-left: 15px;	 display: inline; */
}
#titrepmam{
	width: 100%;
	/* border: 2px solid #354258; */
	margin-left: 0px;	/* display: inline; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #96A7B9;
	text-align: center;
	font-weight: bold;
	/* margin-top: 10px; */
	position: absolute;
	bottom: 10px;
}
#10px{
width: 20px;
}

.linoselect a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
.liselect a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}


/* menu meteo */ 

.popselected, .popselected a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #21314b;
	width: 120px;
	text-decoration: none;
	height: 20px;
	text-indent: 10px;
	padding-top: 3px;
	font-weight: bold;
}

.nopopselected   , .nopopselected  a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #96A7B9;
	width: 120px;
	text-decoration: none;
	height: 20px;
	text-indent: 10px;
	padding-top: 3px;
}/* fin menu meteo */