/* ------
LIGHTBOX
---------*/
#lightbox
{
	 left: 0px;
	 line-height: 0px;
	 position: absolute;
	 text-align: center;
	 width: 100%;
  margin-left: -50px;
  margin-top: -40px;
	 z-index: 1000;
}
#lightbox a img
{
	 border: none;
}
#outerImageContainer
{
	 background: #222222;
	 height: 250px;
	 margin: 0px auto;
  /*padding: 30px 40px 10px 40px;*/
  /*padding: 0px 40px 0px 40px;*/
  padding: 0px;
	 position: relative;
	 width: 250px;
  
}
#imageContainer
{
	 background: #FFFFFF;
  border: 10px solid #222222;
}
#loading
{
	 height: 25%;
	 left: 0%;
	 line-height: 0px;
	 position: absolute;
	 text-align: center;
	 top: 40%;
	 width: 100%;
}
#hoverNav
{
	 height: 100%;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 width: 100%;
	 z-index: 800;
}
#imageContainer>#hoverNav{	left: 0px;	}
#hoverNav a{	outline: none;	}
#prevLink, #nextLink
{
  position: relative;
	 background-image: url(/common_images/skin001/transparent.gif);
	 display: block;
	 width: 40px !important;
	 height: 40px !important;
  top: 50%;
  margin-top: -20px;
}
#prevLink
{
		float: left;
		left: 10px;
}
#nextLink
{
		float: right;
		right: 10px;
}
/*#prevLink:link, #prevLink:hover, #prevLink:visited:hover{	background: url(/common_images/skin001/gallery/prevlabel.gif) left 15% no-repeat;	}
#nextLink:link, #nextLink:hover, #nextLink:visited:hover{	background: url(/common_images/skin001/gallery/nextlabel.gif) right 15% no-repeat; }*/
#prevLink:link, #prevLink:hover, #prevLink:visited:hover{	background: url('/images/charte/lightbox_prev.png') center center no-repeat;	}
#nextLink:link, #nextLink:hover, #nextLink:visited:hover{	background: url('/images/charte/lightbox_next.png') center center no-repeat; }
/*#imageDataContainer
{
  position: relative;
	 background-color: #222222;
	 line-height: 120%;
	 margin: 0px auto;
  padding: 0px 40px;
  border-left: 10px solid #222222;
  border-right: 10px solid #222222;
  border-bottom: 10px solid #222222;
}*/
#imageDataContainer
{
  position: relative;
	 background-color: #222222;
	 line-height: 120%;
	 margin: 0px auto;
  padding: 0px;
}
#imageData
{
	 color: #FFFFFF;
	 padding: 0px;
}
#imageData #imageDetails
{
		text-align: center;
}	
#imageData #caption
{
		display: block;
  font-size: 14px;
  padding: 0px 40px 10px 40px;
}
#imageData #caption *
{
		margin: 0px;
		padding: 0px;
}
#imageData #numberDisplay
{
		display: block;
  font-size: 11px;
  font-style: italic;
  display: none !important;
}
#imageData #numberDisplay a{ display: none; }
#imageData #bottomNavClose
{
  display: block;
  position: absolute;
  right: 10px;
  top: 0px;
		/*background: url(/common_images/skin001/gallery/closelabel.gif) no-repeat;*/
		background: url('/images/charte/close.png') center center no-repeat;
		width: 19px;
		height: 19px;
}			
#imageData #bottomNavClose img{ display: none; }
#overlay
{
	 -moz-opacity: 0.6;
	 background-color: #000;
	 filter:alpha(opacity=60);
	 height: 500px;
	 left: 0px;
	 opacity: 0.6;
	 position: absolute;
	 top: 0px;
	 width: 100%;
	 z-index: 900;
}
.clearfix:after
{
	 clear: both;
	 content: ".";
	 display: block;
	 height: 0px;
	 visibility: hidden;
}
.clearfix{	display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{	height: 1%; }
.clearfix{	display: block; }
/* End hide from IE-mac */ 
.gallery a, .gallery a:visited, .gallery a:active{ text-decoration: none; }
.mediaGallery a
{
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 100px;
  max-height: 100px;
  margin: 5px;
  float: left;
}
.mediaGallery img
{
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 100px;
  max-height: 100px;
  margin: 5px;
}
.mediaGallery a img
{
  margin: 0px;
}
.mediaGallery .gallery a{ float: none; }