/**************************************************************/
/*************************** PANOS ****************************/
/**************************************************************/
#conteneur_image_date{
	width:100%;
	height:20px;
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:left;
}

#conteneur_image{
	overflow:auto;
	background-color : #949494;
}

.chargement-pano{
	font-family : Arial;
	font-size   : 20px;
	font-style  : normal;
	color       : #;
	font-weight : bold;
}

.indication_txt{
	padding:2px 5px;
	position:absolute;
	z-index:300;
}
/**************************************************************/
/************************ FIN PANOS ***************************/
/**************************************************************/

/**************************************************************/
/************************** FILMS *****************************/
/**************************************************************/
#films *{
	margin:0;
	padding:0;
}

#films{
	position:absolute;
	top:96px;
	left:0;
	width:100%;
	text-align:center;
	background-color:#949494;
	background-image:url(img/fond.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#conteneur_films{
	width:740px;
	margin:0 auto;
	text-align:center;
}

#conteneur_films_4CIF{
	width:1092px;
	margin:0 auto;
	text-align:center;
}

#films h1{
	padding:10px;
	font-family : Arial;
	font-size   : 20px;
	font-style  : normal;
	color       : #FFFFFF;
	font-weight : normal;
}

#films h2{
	padding:5px;
	font-family : [h2_films_font_family];
	font-size   : [h2_films_font_size]px;
	font-style  : [h2_films_font_style];
	color       : #[h2_films_color];
	font-weight : [h2_films_font_weight];
}

#films p{
	margin:5px;
	font-family : 	Arial;
	font-size   : 	15px;
	font-style  : 	normal;
	color       : 	#FFFFFF;
	font-weight : 	normal;
}

#films legend{
	padding:0 5px;
	background-color : #949494;
	font-family : Arial;
	font-size   : 15px;
	font-style  : normal;
	color       : #FFFFFF;
	font-weight : normal;
}

#conteneur_options{
	width:150px;
	display:inline;
	float:right;
	background-color:#949494;
}

#cadre_options{
	width:150px;
	text-align:center;
	border-color:#949494;
}

#films select{
	margin:0;
	padding:0;
	height:20px;
}

#album_video{
	width:100px
}

#listefilms{
	width:50px
}

#CinewebPlayer{
	width:580px;
	height:420px;
	z-index:100;
}

#CinewebPlayer4CIF{
	width:932px;
	height:708px;
	z-index:100;
}

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

/**************************************************************/
/************************** ZOOMS *****************************/
/**************************************************************/
#zooms{
	position:absolute;
	top:96px;
	left:0;
	padding:20px 0 20px 0;
	width:100%;
	text-align:center;
	background-color : #949494;
	background-image:url(img/fond.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#zooms h1{
	margin				:	3px 0 5px 0;
	padding				:	0;
	
	color					: 	#FFFFFF;
	font-family			: 	Arial;
	font-size			: 	20px;
	font-style			: 	normal;
	font-weight			: 	normal;
	text-decoration	:	none;
}

#zooms h2{
	color					: 	#FFFFFF;
	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       : #FFFFFF;
	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		:	#FFFF00; 
	border-style		:	solid;
	cursor				:	pointer;
}

#cadre_zoom{
	text-align:center;
	background-color : #949494;
}

#cadre_zoom h1{
	text-align:center;
	margin:0;
	font-weight:bold;
	font-family : Arial;
	font-size   : 16px;
	color       : #FFFFFF;
}

#cadre_zoom p{
	padding:5px 10px;
	font-family : Arial;
	font-size   : 15px;
	font-style  : normal;
	color       : #FFFFFF;
	font-weight : normal;
}

#cadre_zoom a{
	font-family : Arial;
	font-size   : 15px;
	font-style  : normal;
	color       : #FFFFFF;
	font-weight : normal;
}

.bulle-lightbox{
	font-family : Arial;
}

.lightbox-fond{
	background-color : #949494;
}

.lightbox-titre{
	color					: 	#FFFFFF;
	font-family			: 	Arial;
	font-size			: 	20px;
	font-style			: 	normal;
	font-weight			: 	normal;
}

.lightbox-desc{
	font-family : Arial;
	font-size   : 15px;
	font-style  : normal;
	color       : #FFFFFF;
	font-weight : normal;
}

.cadre-zoom{
	border				:	2px;
	border-color		:	#FFFF00; 
	border-style		:	solid;
	cursor				:	pointer;
}

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

/*--------- BULLE INFO -----------*/


.invisible {
	display:none
}

.popDesc{
	position:absolute;
	z-index:400;
	padding:6px;
}

.popDesc2{
	position:absolute;
	z-index:400;
	padding-left:5px;
	padding-right:5px;
	filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5; 
	-moz-border-radius: 10px;
	border-width:1px;
	border-style:solid;
	border-color:silver;
	background-color:black;
}

/*--------- FIN BULLE INFO -----------*/

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(XXX/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/