/* CSS Document */
/*
*{

	margin:0;

	padding:0;



	scrollbar-face-color       : #DBB588; 

	scrollbar-shadow-color     : #949494;

	scrollbar-highlight-color  : #FFFFFF;

	scrollbar-3dlight-color    : #666666; 

	scrollbar-darkshadow-color : #666666; 

	scrollbar-track-color      : #949494; 

	scrollbar-arrow-color      : #FFFFFF;

}



body, html{

	width:100%;

	height:100%;

	background-color : #DDB78A;

	overflow:auto;

}



img{

	border:0;

}



h1{

	text-align:center;

	margin:10px 0 10px 0;

	text-decoration:none;

}



a{

	text-decoration:underline;

}



#conteneur_haut{

	width:100%;

	height:50px;

	background-image:url(img/haut.jpg);

	background-repeat:repeat-x;

	overflow:hidden;

}



#tableau_haut{

	width:100%;

	height:50px;

}



#site_label{

	white-space:nowrap;

}



#conteneur_menu{

	width:100%;

}



.message_erreur{

	margin:30px;

	color:#FF0000;

	font-size:22px;

	font-weight:bold;

	text-align:center;

}



.fond_semi_transparent{

	background-color	:	#F1D6A2;

	filter:alpha(opacity=80);

	-moz-opacity:0.80;

	opacity: 0.80;

}

/**************************************************************/

/**************************** HAUT ****************************/

/**************************************************************/
/*
.site-levotre, .site-levotre A:link, .site-levotre A:visited{



	color       : #813424;

	font-family : Verdana;

	font-size   : 20px;

	font-style  : normal;

	font-weight : normal;

		

	text-decoration : none;

	

	margin-left : 0px;



}



.site-levotre A:hover{



	color       : #813424;

	font-family : Verdana;

	font-size   : 20px;

	font-style  : normal;

	font-weight : normal;

		

	text-decoration : none;

	

	margin-left : 0px;

	

}

/**************************************************************/

/************************* FIN HAUT ***************************/

/**************************************************************/



/**************************************************************/

/************************ PUB GLOBALE *************************/

/**************************************************************/
/*
.pub_hori_petit{

	

	background-image:url(img/pub_hori_petit.gif);

	background-repeat:no-repeat;

	width:468px;

	height:60px;



}



.pub_hori_grand{

	

	background-image:url(img/pub_hori_grand.gif);

	background-repeat:no-repeat;

	width:728px;

	height:90px;



}



.pub_verti_petit{

	

	background-image:url(img/pub_verti_petit.gif);

	background-repeat:no-repeat;

	width:120px;

	height:240px;



}



.pub_verti_grand{

	

	background-image:url(img/pub_verti_grand.gif);

	background-repeat:no-repeat;

	width:120px;

	height:600px;



}

/**************************************************************/

/************************ PUB GLOBALE *************************/

/**************************************************************/



/**************************************************************/

/*********************** REDIRECTION **************************/

/**************************************************************/
/*
#redirection{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:20px 0 20px 0;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#redirection h1{

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#redirection p{

	margin:5px;

	padding: 5px;

	font-family :	Arial;

	font-size   :	15px;

	font-style  :	normal;

	color			:	#000000;

	font-weight	:	normal;

}

/**************************************************************/

/********************* FIN REDIRECTION ************************/

/**************************************************************/



/**************************************************************/

/************************* SONDAGE ****************************/

/**************************************************************/
/*
#sondage{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:20px 0 20px 0;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#sondage h1{

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#sondage h2{

	text-align:center;

	margin-top:20px;

	margin-bottom:10px;

	font-family : Arial;

	font-size   : 10px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#sondage p{

	margin:5px;

	padding: 5px;

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color					:	#000000;

	font-weight			:	normal;

}



#sondage .anglais{

	font-style:italic;

}



#sondage .notes{

	margin-left:35px;

	width:40px;

}



#sondage .oui_non{

	margin-left:35px;

	width:120px;

}

*/

/**************************************************************/

/*********************** FIN SONDAGE **************************/

/**************************************************************/



/**************************************************************/

/************************ SITUATION ***************************/

/**************************************************************/

#situation{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:20px 0 20px 0;

}



#conteneur_panneau{

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#situation h1{

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#situation p{

	margin-top:10px;

	margin-bottom:10px;

	padding:10px;

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;

}



#situation_images{

	text-align:center;

	width:100%;

	

	background-image:url(img/carte.gif);

	background-position:center;

	background-repeat:no-repeat;

}



/**************************************************************/

/********************* FIN  SITUATION *************************/

/**************************************************************/



/**************************************************************/

/*********************** HISTORIQUE ***************************/

/**************************************************************/

#histo{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:20px 0 20px 0;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#histo h1{

	margin:10px 0;

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#histo p{

	margin:10px 0;

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;

}



/**************************************************************/

/********************* FIN HISTORIQUE *************************/

/**************************************************************/



/**************************************************************/

/************************ TECHNIQUE ***************************/

/**************************************************************/

#technique{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:20px 0 20px 0;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#technique p{

	text-align:center;



	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;



}



#conteneur_img_tech{

	padding:10px 0 10px 0;

	width:80%;

	text-align:center;

}

/**************************************************************/

/********************** FIN TECHNIQUE *************************/

/**************************************************************/



/**************************************************************/

/************************** METEO ****************************/

/**************************************************************/

#meteo{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:20px 0 20px 0;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#meteo h1{

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



/**************************************************************/

/************************ FIN METEO ***************************/

/**************************************************************/



/**************************************************************/

/************************** ALBUMS ****************************/

/**************************************************************/

#albums{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:20px 0 20px 0;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#albums h1{

	color					:	#8F0303;

	font-family			:	Arial;

	font-size			:	20px;

	font-style			:	normal;

	font-weight			:	normal;

}



#albums h2{

	font-family : Arial;

	font-size   : 14px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#tab_albums{

	width:740px;

	margin-top:15px

}



#tab_albums td{

	background-color: #F1D6A2;

	border:#CCCCCC groove 2px;

	vertical-align:middle;

}



#tab_albums .album_titre{

	vertical-align:middle;

	text-align:left;

	padding-left:10px;

}



#tab_albums .album_description{

	text-align:justify;

	padding:5px;

}



#tab_albums .album_miniature{

	background-color:#000000;

	padding:5px;

}



.date_album{

	color       : #813727;

	font-family : Arial;

	font-size   : 13px;

	font-style  : normal;

	font-weight : normal;

}



#albums p{

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;	

}



#tab_albums .album_img{

	width:150px;

}



#album{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding-top:5px;

	background-color: #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;	

}



#album h1{

	color					:	#8F0303;

	font-family			:	Arial;

	font-size			:	20px;

	font-style			:	normal;

	font-weight			:	normal;

}



#album p, #album .para{

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;

}



#album .ligne_photo{

	width:100%;

	border:#CCCCCC groove 2px;

	margin-top:10px;

	background-color: #F1D6A2;

}



#album .cadre_vue{

	width:600px;

	margin:20px auto;

	background-color: #F1D6A2;

}



#album .cadre_vue a{

	display:block;

	padding:5px;

	background-color:#000000;

	border:#CCCCCC groove 2px;

}



#album .cadre_vignette{

	display:inline;

	margin-top:10px;

	background-color: #F1D6A2;

}

/**************************************************************/

/************************ FIN ALBUMS **************************/

/**************************************************************/



/**************************************************************/

/*************************** LIVE *****************************/

/**************************************************************/

#live{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:5px 0 5px 0;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#live h1{

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#live p{

	text-align:center;



	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;



}



#live legend{

	

	padding:0 5px;



	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       :	#000000;

	font-weight	:	normal;



}



#pub{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	padding:20px 0 20px 0;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#pub h1{

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#pub p{

	text-align:center;



	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;



}

/**************************************************************/

/************************ FIN LIVE ****************************/

/**************************************************************/



/**************************************************************/

/*************************** PAGE *****************************/

/**************************************************************/

#page{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	background-color : #F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



/**************************************************************/

/************************ FIN PAGE ****************************/

/**************************************************************/



.cadrezoom-pano{



	background-color:#3333FF;



	border           : 2px;

	border-color     : #008AC7; 

	border-style     : solid;

	cursor:pointer;

	z-index:300;

/*	background-image:url(../../../../img/banskisetFR.gif);*/



}



.cadrezoomvideo-pano,.cadrezoomvideo-pano IMG{



	border           : 0px; 

	border-thickness : 1px; 

	border-color     : #FF00FF; 

	border-style     : solid; 

	cursor           : pointer;



}

http://www.webcam-ski.com/webcams/interfaces/bessans/style_menu.css

/* CSS Document */



/********************************************/

/******************* MENU *******************/

/********************************************/

#menu{

	width:100%;

	height:22px;

	margin:0 auto;

	padding:0;

	background-color:#DDB78A;

}



#menu *{

	padding:0;

	margin:0;

}



#menu .menu{

	display:block;

	text-align:center;

	vertical-align:middle;

	color       : #813727;

	font-family : Arial;

	font-size   : 13px;

	font-style  : normal;

	font-weight : normal;

	text-decoration : none;

}



#menu .menu_s{	

	color       : #C58870;

	font-family : Arial;

	font-size   : 13px;

	font-style  : normal;

	font-weight : bold;

	cursor		:	default;

}



#menu tbody{

	height:22px;

	margin:0;

	padding:0;

}



#menu tr{

	height:22px;

	margin:0;

	padding:0;

}



#menu .b{

	width:6px;

}



#menu .bord{

	border-bottom:#FFFFFF solid 1px;

}



#menu .bg{

	background-image:url(img/bg.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	/*	

	filter:alpha(opacity=80);

	-moz-opacity:0.80;

	opacity: 0.80;

	*/

}



#menu .m{

	text-align:center;

	background-image:url(img/int.gif);

	background-repeat:repeat-x;

	background-position:bottom;

	

	/*	

	filter:alpha(opacity=80);

	-moz-opacity:0.80;

	opacity: 0.80;

	*/

}



#menu .bd{

	background-image:url(img/bd.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	/*

	filter:alpha(opacity=80);

	-moz-opacity:0.80;

	opacity: 0.80;

	*/

}



#menu .bg_s{

	background-image:url(img/bg_s.gif);

	background-repeat:no-repeat;

	background-position:bottom;

}



#menu .m_s{

	text-align:center;

	vertical-align:middle;

	background-image:url(img/int_s.gif);

	background-repeat:repeat-x;

	background-position:bottom;

}



#menu .bd_s{

	background-image:url(img/bd_s.gif);

	background-repeat:no-repeat;

	background-position:bottom;

}



#interfaces_lst{

	width:120px;

	height:17px;

	font-size:10px;

}

/********************************************/

/******************* MENU *******************/

/********************************************/



/********************************************/

/***************** SOUS MENU ****************/

/********************************************/

#sous_menu{

	width:100%;

	height:18px;

	margin:2px auto;

	padding:0;

	text-align:center;

}



#sous_menu *{

	padding:0;

	margin:0;

}



#sous_menu .bord{

	font-size:1px;

}



#sous_menu .td_sous_menu{

	width:140px;

	height:18px;

	background-image:url(img/bt_on.gif);

	background-repeat:repeat-x;

	background-position:top left;

	border:#813727 1px solid;

}



#sous_menu .td_sous_menu_s{

	width:140px;

	height:18px;

	vertical-align:middle;

	background-image:url(img/bt_off.gif);

	background-repeat:repeat-x;

	background-position:top left;

	border:#813727 1px solid;

}



#sous_menu .sous_menu{

	display:block;

	text-align:center;

	height:18px;

	color       : #813727;

	font-family : Arial;

	font-size   : 12px;

	font-style  : normal;

	font-weight : normal;

	text-decoration : none;

}



#sous_menu .sous_menu_s{	

	color       :	#C58870;

	font-family :	Arial;

	font-size   :	12px;

	font-style  :	normal;

	font-weight :	bold;

	cursor		:	default;

}



#sous_menu tbody{

	height:18px;

	margin:0;

	padding:0;

}



#sous_menu tr{

	height:18px;

	margin:0;

	padding:0;

}

/********************************************/

/***************** SOUS MENU ****************/

/********************************************/



.site-trinum, .site-trinum:link, .site-trinum:visited{

	color       : #C0C0C0;

	font-family : Arial;

	font-size   : 10px;

	font-style  : normal;

	font-weight : normal;

	text-decoration:none;

}



.site-trinum:hover{

	color       : #00C0C0;

	font-weight : normal;  

}

http://www.webcam-ski.com/webcams/interfaces/bessans/meteo.css

/**************************************************************/

/*************************** METEO ****************************/

/**************************************************************/

#conteneur_bg_meteo{

	background-color:#000000;

	background-image:url(img/meteo_bg.jpg);

	background-repeat:repeat-x;

	filter:alpha(opacity=30);

	-moz-opacity:0.30;

	opacity: 0.30;

}



#cadre_prev{

	text-align:center;

}



#tab_meteo{

	margin:0;

	padding:0;

	background-color:#ffffff;

}



#tab_meteo img{

	border:0;

}



#tab_meteo .bout{

	width:5px;

	height:18px;

}



#tab_meteo .bgr{

	background-image:url(img/prev_g_rouge.gif);

	background-repeat:no-repeat;

	background-position:top right;

}



#tab_meteo .bdr{

	background-image:url(img/prev_d_rouge.gif);

	background-repeat:no-repeat;

	background-position:top left;

}



#tab_meteo .bgb{

	background-image:url(img/prev_g_bleu.gif);

	background-repeat:no-repeat;

	background-position:top right;

}



#tab_meteo .bdb{

	background-image:url(img/prev_d_bleu.gif);

	background-repeat:no-repeat;

	background-position:top left;

}



#tab_meteo thead tr{

	height:18px;

}



#tab_meteo .ligne_bulletin{

	height:42px;

}



#tab_meteo .spacer{

	width:1px;

	overflow:hidden;

	font-size:1px;

}



#tab_meteo .txt_white { color: white; font-size: 10px; font-family: Geneva, Helvetica, Arial; white-space:nowrap; }

#tab_meteo .txt_white_lpadding  { color: white; font-size: 10px; font-family: Geneva, Helvetica, Arial; padding-left: 4px }

#tab_meteo .txt_white_bold  { padding:0 5px; color: white; font-weight: bold; font-size: 11px; font-family: Geneva, Helvetica, Arial }

#tab_meteo .txt_black  { color: black; font-size: 10px; font-family: Geneva, Helvetica, Arial }

#tab_meteo .td_red { height:18px; background-color: #c00 }

#tab_meteo .td_blue { height:18px; background-color: #006 }

/**************************************************************/

/*************************** METEO ****************************/

/**************************************************************/

http://www.webcam-ski.com/webcams/interfaces/bessans/style.css

/**************************************************************/

/*************************** PANOS ****************************/

/**************************************************************/

#conteneur_image_date{

	width:80%;

	height:25px;

	background-color:#000000;

	background-repeat:no-repeat;

	background-position:left;

}



#conteneur_image{

	overflow:visible;

	background-color : #F1D6A2;

}



.cadre-zoom{

	border				:	2px;

	border-color		:	#813727; 

	border-style		:	solid;

	cursor				:	pointer;

}



.chargement-pano{

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #813727;

	font-weight : bold;

}



/**************************************************************/

/************************ FIN PANOS ***************************/

/**************************************************************/



/**************************************************************/

/************************** FILMS *****************************/

/**************************************************************/

#films *{

	margin:0;

	padding:0;

}



#films{

	position:absolute;

	top:96px;

	left:0;

	width:100%;

	text-align:center;

	background-color:#F1D6A2;

	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

}



#conteneur_films{

	width:740px;

	margin:0 auto;

	text-align:center;

}



#films h1{

	padding:10px;

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#films h2{

	padding:5px;

	font-family : Arial;

	font-size   : 16px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#films p{

	margin:5px;

	font-family : 	Arial;

	font-size   : 	15px;

	font-style  : 	normal;

	color       : 	#000000;

	font-weight : 	normal;

}



#films legend{

	padding:0 5px;

	background-color : #F1D6A2;

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;

}



#conteneur_options{

	width:150px;

	display:inline;

	float:right;

	background-color:#F1D6A2;

}



#cadre_options{

	width:150px;

	text-align:center;

	border-color:#F1D6A2;

}



#films select{

	margin:0;

	padding:0;

	height:20px;

}



#album_video{

	width:100px

}



#listefilms{

	width:50px

}



#CinewebPlayer{

	width:580px;

	height:420px;

	z-index:100;

}



#CinewebPlayerEmded{

	width:580px;

	height:420px;

	z-index:50;

}

/**************************************************************/

/************************ FIN FILMS ***************************/

/**************************************************************/



/**************************************************************/

/************************** ZOOMS *****************************/

/**************************************************************/

#zooms{

/*	position:absolute;

	top:96px;

	left:0;

	padding:20px 0 20px 0;*/

	width:80%;

	text-align:center;

	background-color : #F1D6A2;

/*	background-image:url(img/fond.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;*/

}



#zooms h1{

	margin				:	3px 0 5px 0;

	padding				:	0;

	

	color					: 	#8F0303;

	font-family			: 	Arial;

	font-size			: 	20px;

	font-style			: 	normal;

	font-weight			: 	normal;

	text-decoration	:	none;

}



#zooms h2{

	color					: 	#8F0303;

	font-family			: 	Arial;

	font-size			: 	12px;

	font-style			: 	normal;

	font-weight			: 	normal;

	text-decoration	:	none;

	margin				:	3px 0 5px 0;

	padding				:	0;

}



#zooms p{

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;

	

	filter:alpha(opacity=80);

	-moz-opacity:0.80;

	opacity: 0.80;

}



.conteneur_zoom{

	float:left;

	width:49%;

	height:auto;

}



.conteneur_img_zoom{

	float:left;

	background-color:#000000;

	color:#FFFFFF;

	width:49%;

	height:auto;

}



.conteneur_txt_zoom{

	float:left;

	text-align:center;

	overflow:auto;

	width:49%;

	height:auto;

	overflow:auto;

}



.lien-zoom{

	display:block;

	width:90%;

	height:90%;

	margin:2px auto;

	padding:0;

}



.img-zoom{

	width					:	90%;

	border				:	2px;

	border-color		:	#813727; 

	border-style		:	solid;

	cursor				:	pointer;

}



#zoom{

	text-align:center;

	background-color : #F1D6A2;

}



#zoom h1{

	font-family : Arial;

	font-size   : 20px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#zoom h2{

	text-align:center;

	font-family : Arial;

	font-size   : 10px;

	font-style  : normal;

	color       : #8F0303;

	font-weight : normal;

}



#zoom p{

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;

}



#zoom a{

	font-family : Arial;

	font-size   : 15px;

	font-style  : normal;

	color       : #000000;

	font-weight : normal;

}

/**************************************************************/

/************************ FIN ZOOMS ***************************/

/**************************************************************/