/* *****	CSS page galerie	***** */
#contenu_gal-p0, #contenu_gal-p1, #contenu_gal-p2 { text-align: left; }
.affich_gal, #intro_gal { float: left; width: 75%; height: 400px; text-align: center; 
	padding-top: 5px; background-color: #ffffcc; } 
/* Menu galerie */
#menu_gal { float: right; width: 24%; height: 420px; }
	/* Couleur menu page en cours */
	#contenu_gal-p0  a.lig0 { color: red; }
	#contenu_gal-p1  a.lig1 { color: red; }
	#contenu_gal-p2  a.lig2 { color: red; }
	/* Fin Couleur menu page en cours */
	a.lig0 { margin-top: 4em; }
/* Fin Menu galerie */
/* page intro galerie */
#intro_gal  img { display: inline; margin-top: 40px; height: 180px; }
/* Fin page intro galerie */
/* autres pages galerie */
.affich_gal * { margin: 0; padding: 0; }
.affich_gal * { border: 0px none; }
#contenu_gal-p1 div.affich_gal { background-image: url(images/calendrierjanvier.jpg); 
	background-position: 50% 80px; background-repeat: no-repeat; }
#contenu_gal-p2 div.affich_gal { background-image: url(images/personnelinfirmier.jpg); 
	background-position: 50% 80px; background-repeat: no-repeat; }
#affich_gal1 { width: 550px; }
#affich_gal2 { width: 350px; }
#affich_gal1, #affich_gal2 { height: 55px; margin: auto; }
a.galerie { float: left; width: 50px; height: 55px; position: relative; }
	a.galerie span { visibility: hidden; position: absolute; top: 70px; }
a#gal1-01 span { left:   75px; }	a#gal1-02 span { left:  25px; }
a#gal1-03 span { left: -25px; }	a#gal1-04 span { left: -75px; }
a#gal1-05 span { left: -125px; }	a#gal1-06 span { left: -175px; }
a#gal1-07 span { left: -225px; }	a#gal1-08 span { left: -275px; }
a#gal1-09 span { left: -325px; }	a#gal1-10 span { left: -375px; }
a#gal1-11 span { left: -425px; }

a#gal2-01 span { left: -25px; }	a#gal2-02 span { left: -75px; }
a#gal2-03 span { left: -125px; }	a#gal2-04 span { left: -175px; }
a#gal2-05 span { left: -225px; }	a#gal2-06 span { left: -275px; }
a#gal2-07 span { left: -325px; }
a.galerie:hover { overflow: visible; text-decoration: none; z-index: 100; }	
	a.galerie:hover span { visibility: visible; }	
a.galerie:active, a.galerie:focus { overflow: visible; text-decoration: none; z-index: 10; outline: none; }	
	a.galerie:active span, a.galerie:focus span { visibility: visible;  text-decoration: none; }	 
#affich_gal1 a  .galcaption , #affich_gal2 a  .galcaption { display: none; }
#affich_gal1 a:hover .galcaption, #affich_gal2 a  .galcaption 
	{ display: block; background: #ffc; border: none; text-decoration: none;  
	font-family: verdana,sans-serif; text-align: center; color: #339;
	width: 400px; position: relative;  height: 2.5em; left: 0px; top: 13px; z-index: 100; } 
#affich_gal1 a:active .galcaption, #affich_gal1 a:focus .galcaption,
#affich_gal2 a:active .galcaption, #affich_gal2 a:focus .galcaption
	{ display: block; background: #ffc; border: none; text-decoration: none;  
	font-family: verdana,sans-serif;  height: 2.5em; text-align: center; color: #339;
	width: 400px; position: relative; left: 0px; top: 13px; z-index: 10; } 
/* Fin autres pages galerie */
/* *****	fin CSS galerie	***** */
