/* modalbox.css */
/* Version 1.0 du 04-10-14 Rev 1 */

/* ############################################################ */
/*              CSS RELATIF AU CODE JQUERY                      */
/* ############################################################ */

/* ------------------------------------------------------------ */
/*    css de la fenetre de cache                                */
/* ------------------------------------------------------------ */
#box .b_cache {
	background-color:black;
	position:fixed;
	width:100%;
	z-index:90;
	height:100%;
	top:0;
	left:0;
}

#box .b_container {
  position:absolute;
  z-index:100;
  max-width: 1024px;
  max-height: 768px;
}

#box .relative {
	position:relative;
}

#box .b_prev {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity:1;
	opacity:1;
}
	
#box .b_prev:hover {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity:1;
	opacity:1;
}

#box .b_next{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity:1;
	opacity:1;
}

#box .b_next:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity:1;
  opacity:1;
}

#box .b_close,#box .b_next,#box .b_prev {
	cursor:pointer;
}

#box .multimedia .b_next,#box .multimedia .b_prev {
	display:none;
}


/* ############################################################ */
/*                        THEME LIGHTBOX                        */
/* ############################################################ */

.lightbox .b_container {
  background:white;
  margin-left:-30px;
  padding:10px 10px 37px;
  color:#333333; /* texte gris foncé*/
}

.lightbox .b_prev {
  background: url(img/lightprev.gif) no-repeat 2% 50%;
}

.lightbox .b_next {
  background: url(img/lightnext.gif) no-repeat 98% 50%;
}

.lightbox .b_close {
  background:url(img/lightclose.gif) no-repeat left top;
  width:66px;
  height:22px;
  top:auto;
  position:absolute;
  right:12px;
  bottom:6px;
}

/* ------------------------------------------------------------ */
/*    css de la légende sous la photo                           */
/* ------------------------------------------------------------ */
.lightbox .b_legende {
  height : 50px;
  text-align:left;
  color: #333333;
  padding-top: 5px;
}


/* ############################################################ */
/*                              FIN                             */
/* ############################################################ */