/* Tattoo - visuallightbox.css */

/* paramêtres généraux ======================================================================================== */
/* Appel des polices - CODE Généré par Font Squirrel (http://www.fontsquirrel.com) le 22 aout 2012 */
@font-face {
    font-family: 'broken_15regular';
    src: url('fontes/broken15-webfont.eot');
    src: url('fontes/broken15-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/broken15-webfont.woff') format('woff'),
         url('fontes/broken15-webfont.ttf') format('truetype'),
         url('fontes/broken15-webfont.svg#broken_15regular') format('svg');
		 
    font-weight: normal;
    font-style: normal;
}

body {
	background-color:#000;
	
	font-family: 'broken_15regular', Verdana, arial, sans-serif;
	font-size:2em;
	}

.titre {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:45%;
	height:24px;
		
	color:#F3C;
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
	
	font-size:1.1em;
	text-align:left;
	letter-spacing:1px;
	padding-left:36px;
	padding-top:10px;
	padding-bottom:10px;
	
	z-index:50;
}

.retour {	
	display:block;
	position:fixed;
	width:45%;
	height:24px;
	top:0px;
	right:96px;

	font-size:1.1em;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	clear:left;
	
	z-index:50;
}

.retour a{
	text-decoration:none;
	color:#FFF;
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
}

.retour a:hover {
	color:#FC0;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
}

.info {
	display:block;
	position:fixed;
	float:left;
	width:100%;
	height:10px;
	top:64px;
	left:0px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:36px;
	letter-spacing:2px;
	
	color:#CCC;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:9px;
	line-height:14px;
	
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
}

/* bloc contenant les vignettes ================================================================================ */
#vlightbox {
	width:100%; /* toute la largeur de la fenêtre */
	zoom:1;
}

.vlightbox {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	
	top:92px; /* IMPORTANT */
	
	margin:25px; /* espace entre les diapos */
	width:160px;

/* titre des vignettes	
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center; */
	
	opacity:0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
}

.vlightbox a{
	margin:0;
}
.vlightbox:hover, .vlightbox a:hover{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
}
.vlightbox img{
	display:block;
	border:none;
	margin:0;
}
.vlightbox div {display:none}

/* effaçage du titre "sylvie C..." et réduction de la police "retour" */
@media screen and (max-width: 45em) {

.titre {
	display: none;
	}
	
/* réduction des fontes */	
.retour {
	font-size: 0.85em;
	letter-spacing:1px;
	left: 40px;
	}
}

/* Fin le 30 octobre 2013 - Philippe Brosse ======================================= */