/*

	GalleryView Stylesheet

Utilisez les règles CSS suivantes afin de modifier l'apparence de votre galerie.

Pour créer des règles supplémentaires, utilisez la balise ci-dessous comme guide pour l'architecture GalleryView's.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALERIE DE LISTE */
/* IMPORTANT - photos # Change »à l'ID de votre liste de présentation pour empêcher un éclair de contenu Unstyled */
#photos { visibility: hidden; }

/* GALERIE CONTAINER */
.gallery { padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALERIE DES PANNEAUX */
.panel {}

/* DÉFINIT LA HAUTEUR DE PANNEAU DE RECOUVREMENT */
/* NOTE - Il est préférable de définir padding ici aussi afin de superposition et le fond de conserver des dimensions identiques */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/*PANNEAU DE RECOUVREMENT HISTORIQUE*/
.panel .overlay-background { background: #222; }

/* PANNEAU DE RECOUVREMENT DE CONTENU */
.panel .panel-overlay { color: white; font-size: 12px; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP (PELLICULES)*/
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* PELLICULES FRAMES (contient à la fois des images et légendes) */
.frame {}

/* Wrapper pour PELLICULES IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* ENVELOPPE DE COURANT D'IMAGE PELLICULES */
.frame.current .img_wrap { border-color: #000; }

/* CADRE DES IMAGES */
.frame img { border: none; }

/* CADRE DE LEGENDE */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CADRE ACTUEL CAPTION */
.frame.current .caption { color: #000; }

/* POINTEUR POUR CADRE ACTUEL */
.pointer {
	border-color: #000;
}