/* Styles photothèque */
#arborescence {
	height:150px;
	overflow:auto;
	background-color:#FFFFFF;
}
.noeudActif > a {
	background: #99FFFF;
}
.boutonPhoto {
	cursor:pointer;
	border: 1px outset #999999;
	padding:2px;
	background: #DDDDDD;
}
.boutonPhoto:hover{
	border: 1px inset #666666;
	background: #999999;
}
.boutonPhoto:active{
	border: 1px inset #666666;
	background: #FFFFCC;
}
#corbeille{
	background: url(images/corbeille.png) no-repeat left;
	display: block;
	height: 80px;
	width: 80px;	
}
div#corbeille.imageSelection{
	background: url(images/corbeille.png) no-repeat right;
}
/***************** Pour transformations image *******************/
#recadre {
	display:block;
	width:80px;
	height:160px;
	background-image: url(../graphiques/recadrages.gif);
	background-repeat: no-repeat;
}
.recadre_0 {/*rien*/
	background-position:left top;
}
.recadre_1 {/*redim*/
	background-position:-80px top;
}
.recadre_2 {/*recadre*/
	background-position:-160px top;
}
.recadre_3 {/*ajuste*/
	background-position:-240px top;
}
.recadre_4 {/*remplit*/
	background-position:-320px top;
}
.recadre_0.nb {/*rien*/
	background-position:left center;
}
.recadre_1.nb {/*redim*/
	background-position:-80px center;
}
.recadre_2.nb {/*recadre*/
	background-position:-160px center;
}
.recadre_3.nb {/*ajuste*/
	background-position:-240px center;
}
.recadre_4.nb {/*remplit*/
	background-position:-320px center;
}
.recadre_0.colorise {/*rien*/
	background-position:left bottom;
}
.recadre_1.colorise {/*redim*/
	background-position:-80px bottom;
}
.recadre_2.colorise {/*recadre*/
	background-position:-160px bottom;
}
.recadre_3.colorise {/*ajuste*/
	background-position:-240px bottom;
}
.recadre_4.colorise {/*remplit*/
	background-position:-320px bottom;
}
/***************** Pour galerie de photo *******************/
tr.galerie_photo td{
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-left: none;
}
tr.galerie_photo td:first-child{
	border-left: 1px solid #EEE;
	border-right: none;
}
tr.galerie_photo:hover td{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: none;
	background-color:#FFFFCC!important;
}
tr.galerie_photo:hover td:first-child{
	border-left: 1px solid #000000;
	border-right: none;
}
tr.galerie_photo.efface td{
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-left: none;
	background-color:#FFFF00!important;
}
tr.galerie_photo.efface td:first-child{
	border-left: 1px solid #FF0000;
	border-right: none;
}
}

/***************** Pour zoom intelligent *******************/
.frameZoom {
	position:absolute;
	font-size:1px;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
}
.frameZoom a {
	display:block;
	float:left;
	cursor:crosshair;
	position:relative;
	z-index:10;
}
.frameZoom a:hover {
	direction:ltr;
	position:relative;
	z-index:1;
}
.frameZoom a:hover b {
	display:block;
	position:absolute;
	border:1px solid #000;
	background:#fff;
	filter: alpha(opacity=30);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	opacity:0.3;
}
#messageZoom {
	position:absolute;
	left:50px;
	top:50px;
	height:500px;
	width:500px;
	background-color:#ededed;
	font-size:12px;
	font-weight:bold;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	color:#330000;
}
#fermeZoom {
	position:absolute;
	right:20px;
	bottom:20px;
}
#fermeZoom img{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#titreZoom {
	position:absolute;
	left: 600px;
	top:50px;
	width:280px;
	background-color:#ededed;
	font-size:10px;
	font-weight:normal;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	text-align:center;
	padding:10px;
	color:#330000;
}
#titreZoom h1 {
	text-align:center;
	font-size:12px;
	font-weight:bold;
}