@charset "UTF-8";
/* CSS Document */

#gallery{
	width:670px;
	margin:0 auto;
	
	}
	.caption{font-style:italic;color:#000; text-align:center;display:block; height:30px; font-size:11px; line-height:16px;}
	.demo{position:relative;margin-top:2em; width:670px;}
	ul.galleria{width:670px;margin:0 auto;}
	
	ul.galleria li{display:block;width:135px;height:135px;overflow:hidden;float:left;margin: 0; padding:0;}
	
	.galleria li{display:block;width:135px;height:135px;overflow:hidden;float:left;margin: 0; padding:0;}
	.galleria li div{position:absolute;display:none;top:0;left:0px; margin-top:10px;}
	.galleria li a{display:none; padding:0; margin:0;}
	.galleria  span.caption{font:italic 10px/1.2 georgia,serif; color:#000;display:block;padding-top:25px; height:20px;}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img, .galleria li.active div{display:block}

	/*pour l'affichage des commentaires jouer sur le hauteur de #main_image et la marge dessous*/
	#main_image{margin:5px auto 5px auto;height:475px;width:670px; overflow:hidden; text-align:center; }
	#main_image img{margin-bottom:5px; margin-left:0;width:auto;height:445px; text-align:center;}
	
	.galleria li img.thumb{cursor:pointer; margin:0; padding:0;width:135px;height:135px;overflow:hidden;margin: 0; padding:0;}
	.galleria li img.thumb:hover{cursor:pointer; margin:0; padding:0;width:135px;height:135px;overflow:hidden;margin: 0; padding:0;}
	
	
	.info{text-align:left;width:670px;margin:5px auto;;padding-top:5px;}
	.info p{margin-top:1.6em; text-align:center;}
	* html .galleria li div span{width:670px} /* MSIE bug */
	.galleria{list-style:none;width:670px;margin:0 auto;  }
	.nav{padding-top:10px;clear:both;font:90% 'helvetica neue',sans-serif;letter-spacing:3px; margin-left:230px;}
	.nav a{ text-decoration:none;}
