@charset "UTF-8";
/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	 
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
*/

/* GALLERY LIST */
/* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */

/* The color of the overlays are  set in the included CSS file.
GalleryView comes with two themes by default:  dark, light
The dark themes contain dark navigation buttons and are best used in galleries with light backgrounds.
 The light themes contain light colored images and are best for galleries with dark backgrounds. 
 Both themes also contain oversized panel navigation buttons to demonstrate
GalleryView's ability to use any kind of navigation images you may want to use */

/* Modifications effectuées */
/* .gv_galleryWrap (cadre) background: #222 changé en #aaa (gris moins foncé) */
/* .gv_infobar (Petit cadre Info N°/Nb images en bas à droite ) 
	background: #222 changé en #57585a (gris logo) */
/* .gv_showOverlay (bouton carre i info.png texte blanc sur fond transparent) png changé i -> En savoir +
	+ taille modifiée + radius bas droit + background: #222 changé en #669900  Vert foncé comme menu*/
/* .gv_overlay (panneau info)  #222 changé en #57585a (vert logo clair) */
/* .gv_overlay h4 et .gv_overlay p  color: white -> #333 */
/* .gv_galleryWrap ajout border-radius: 10px*/
/*.gv_frame .gv_caption color white -> 333 (lié à chgt couleur gv_galleryWrap plus clair 
	font-size: 10px -> 11px */
/* Attention z-index max utilisé 2000 => menu z-index dans style.css à 3000 */

#myGallery { display: none; }

.gv_galleryWrap { position: relative; background: #aaa; font-size: 10pt ; border-radius: 10px; }

/* GALLERY DIV */
.gv_gallery { overflow: hidden; position: relative;}

.gv_imageStore { visibility: hidden; position: absolute; top: -10000px; left: -10000px; }


/*************************************************/
/**   PANEL STYLES								**/
/*************************************************/

.gv_panelWrap { filter: inherit; position: absolute; overflow: hidden; }

.gv_panel-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa; }
.gv_frame-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa; }

/* GALLERY PANELS */
.gv_panel { filter: inherit; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; } 
.gv_panel img { position: absolute; }

/*.gv_overlay { position: absolute; background: #57585a; color: white; z-index: 200; }*/
.gv_overlay { position: absolute; background: #bacf1d; color: #333; z-index: 200; } /* Vert logo clair */

.gv_showOverlay {
	position: absolute;
	width: 100px; /* 20px;  */
	height: 22px; /* 20px */
	cursor: pointer;
	z-index: 200;
	background-color: #669900; /* Vert foncé */
	background-image: url(themes/light/info.png); /* changé */
	background-repeat: no-repeat; /* ajouté */
	border-radius: 0 0 10px 0; /*ajouté */
}
/*.gv_overlay h4 { color: white; margin: 1em; font-weight: bold; }
.gv_overlay p { color: white; margin: 1em; }*/
.gv_overlay h4 { color: #333; margin: 1em; font-weight: bold; }
.gv_overlay p { color: #333; margin: 1em; }

/* Petit cadre Info N°/Nb images en bas à droite */
.gv_infobar {
	background: #57585a; /*222 */
	padding: 0 0.5em;
	line-height: 1.5em;
	height: 1.5em;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;
	vertical-align: middle;
	z-index: 2000;
	
}


/*************************************************/
/**   FILMSTRIP STYLES							**/
/*************************************************/

.gv_filmstripWrap { overflow: hidden; position: absolute; }


/* FILMSTRIP */
.gv_filmstrip { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.gv_frame { 
	cursor: pointer;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

/* WRAPPER FOR FILMSTRIP IMAGES */
.gv_frame .gv_thumbnail { position: relative;overflow: hidden !important; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.gv_frame.current .gv_thumbnail {}

/* FRAME IMAGES */
.gv_frame img { border: none; position: absolute; }

/* FRAME CAPTION */
.gv_frame .gv_caption { height: 14px; line-height: 14px; font-size: 11px; text-align: center; color:333; } /* white */

/* CURRENT FRAME CAPTION */
.gv_frame.current .gv_caption { }

/* POINTER FOR CURRENT FRAME */
.gv_pointer {
	border-color: black;
}

/* NAVIGATION BUTTONS */
.gv_navWrap {
	text-align: center;
	position: absolute;
}
.gv_navPlay,
.gv_navPause,
.gv_navNext,
.gv_navPrev {
	
	opacity: 0.3;
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	filter:alpha(opacity=30);
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
}
.gv_navPlay:hover,
.gv_navPause:hover,
.gv_navNext:hover,
.gv_navPrev:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
}

.gv_panelNavPrev,
.gv_panelNavNext {
	position: absolute;
	display: none;
	opacity: 0.50;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	filter:alpha(opacity=50);
	z-index: 200;
}

.gv_panelNavPrev:hover,
.gv_panelNavNext:hover {
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter:alpha(opacity=90);
}

.gv_navPlay {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(themes/light/play-big.png) top left no-repeat;
}
.gv_navPause {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(themes/light/pause-big.png) top left no-repeat;
}
.gv_navNext {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(themes/light/next.png) top left no-repeat;
}
.gv_navPrev {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(themes/light/prev.png) top right no-repeat;
}
.gv_panelNavNext {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(themes/light/panel-next.png) top left no-repeat;
}
.gv_panelNavPrev {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(themes/light/panel-prev.png) top right no-repeat;
}