/* CSS Document */
/*ajout pour la galerie*/


#container {position:relative;  width:600px; height:700px; background:#888; border:1px solid #000; margin:0 auto;} 
#container b {
	font-weight:normal;
	width:600px;
	text-align:center;
	position:absolute;
	bottom:250px;
	left:0;
	color:#CC6600;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif, Georgia, serif;	letter-spacing:1px;
	line-height:1.7em;
	z-index:1;
	visibility: visible;
}
/********************/

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}


a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

/*fin ajout*/


div#galerie
   { font: 0.9em "Trebuchet MS", helvetica, sans-serif, Georgia, serif; 
   background-color: #888; 
   background-image: url(plan_departement_web.png); 
   background-repeat: repeat; background-position: 0 0; 
   
   text-align: center;
    margin: 15px 30px; padding: 15px; /*position: inherit; */ /*width: 650px ;*/ border: solid 1px #dcb
    }
/* #eed */
ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
/* */
display: block;
width : 10 em;
float :left;  /*:  center  none*/
	/* on met la liste normalement sans contrainte  */
}

ul#galerie_mini li a img
{
	margin: 2px 1px;
	border: 1px solid #dcb;
}

dl#photo
{
	clear: both;
	margin: 0 auto;
	
}

dl#photo dt
 {
	ucolor: black;
	font: bold medium CSS_PROPERTY_UNDEF;
margin: 3
 
	position:static;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	/*  partie rajoutée */ 
}
dl#photo dd
{
	margin: 1;
	
}

dl#photo img
{
	/*display:block;
	width : 10 em;*/
	border: 1px solid #dcb;
	
	
}