﻿

/*////////////////////////////////////////// 
Styles du tableau regroupant les miniatures
/////////////////////////////////////////*/
#diapoTable{
	margin-top:40px;
}
#diapoTable a{
	outline:none;
	text-decoration:none;
}
#diapoTable td{
	text-align:center;
}


/*////////////////////////////////////////// 
Styles de la visionneuse
/////////////////////////////////////////*/
#overlay{
	position:fixed;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:100%;
	background-color:#121212;
	display:none;
	opacity : 0.8;
    -moz-opacity : 0.8;
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */ 
}
#bigPhoto{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	text-align:center;
	color:#151410;
	line-height:0;
	display:none;
	width:100%;
	height:100%;
}
#bigPhoto #bigPhotoInner{
	height:0;
	position:absolute;
	left:50%;
	top:50%;
	overflow:hidden;
}
#bigPhoto .hd .c,#bigPhoto  .ft .c{
 	font-size:1px; /* ensure minimum height */
 	height:10px;
}
#bigPhoto .hd {
 	background:transparent url(../images/tl.png) no-repeat 0px 0px;
 	margin-right:14px; /* space for right corner */
}
#bigPhoto .hd .c {
 	background:transparent url(../images/tr.png) no-repeat right 0px;
 	margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}
#bigPhoto .bd {
 	background:transparent url(../images/ml.png) repeat-y 0px 0px;
}
#bigPhoto .ft {
	 background:transparent url(../images/bl.png) no-repeat 0px 0px;
	 margin-right:14px;
}
#bigPhoto .ft .c {
	 background:transparent url(../images/br.png) no-repeat right 0px;
	 margin-right:-14px;
}
#bigPhoto #bigPhotoLoader{
	display:none;
	background:transparent url(../images/ml.png) repeat-y 0px 0px;
}
#bigPhoto #photoMask{
	overflow:hidden; 
	margin-left:10px; 
	margin-right:10px; 
	position:relative;
}
#bigPhoto #bigPhotoSrc{
	position:absolute; 
	top:0; 
	left:0;
}
#bigPhoto #buttonsTitleContainer{
	height:40px;
	background:#fff;
	text-align:left;
}
#bigPhoto #buttonsTitleInner{
	display:none;
	padding-top:5px;
	line-height:15px;
	color:#999;
	font-size:13px;
	font-weight:bold;
}
#bigPhoto #photoTitle{
	margin-left:24px;
	font-size:14px;
	font-weight:normal;
	font-family:"微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU","細明體","MingLiU","宋体","SimSun",serif;
}
#bigPhoto #buttonsContainer{
	width:100%; 
	margin-top:2px;
}
#bigPhoto #centeredButtons{
	position:absolute; 
	width:300px; 
	left:50%; 
	margin-left:-150px; 
	text-align:center;
}
#bigPhoto #buttonsTitleInner a{
	outline:none;
	text-decoration:none;
	color:#000;
	font-size:13px;
}
#bigPhoto a#previousButton img{
	 background:transparent url(../images/precedent.png) no-repeat 0px 0px;
	 width:34px;
	 height:24px;
}
#bigPhoto a#nextButton img{
	 background:transparent url(../images/suivant.png) no-repeat 0px 0px;
	 width:30px;
	 height:24px;
}
#bigPhoto a#zoomOut img{
	 background:transparent url(../images/zoomout.png) no-repeat 0px 0px;
	 width:30px;
	 height:24px;
}
#bigPhoto a#zoomIn img{
	 background:transparent url(../images/zoomin.png) no-repeat 0px 0px;
	 width:34px;
	 height:24px;
}
#bigPhoto a#closeButton img{
	 background:transparent url(../images/fermer.png) no-repeat 0px 0px;
	 width:39px;
	 height:24px;
}
#bigPhoto a#previousButton:hover img, #bigPhoto a#nextButton:hover img, #bigPhoto a#zoomOut:hover img, #bigPhoto a#zoomIn:hover img, #bigPhoto a#closeButton:hover img{
	background-position:0px -24px;
}
#rightButtons{
	position:absolute; 
	right:10px;
}