.diapo_menu {
    padding:3px 0;
    margin-bottom:2px;
}

.diapo_icones a { 
	float:right;
	font-size:8px;
	width:9px;
	margin:2px 5px 2px 2px;
	text-align:center;
	border:1px solid #dadada;
	border-color:#dadada;
	text-decoration: none;
}
.diapo_icones a:hover, .diapo_icones a.selected { 
	border:1px solid #006169; 
	border-color:#006169;
	text-decoration: none;
}
.diapo_icones .diapo_icoleft a {
	border-left-width:20px;
}
.diapo_icones .diapo_icoright a {
	border-right-width:20px;
}
.diapo_icones .diapo_ico a {
	width:12px;
    font-weight: bold;
    background-color:#dadada;
    color:#006169;
}
.diapo_icones .diapo_ico a:hover, .diapo_icones .diapo_ico a.selected {
    background-color:#006169;
    color:#dadada;
}


.diapo_vignettes,
.diapo_vignettes_center,
.diapo_vignettes_right,
.diapo_vignettes_left,
.diapo_vignettes_invisible {
	margin-top:5px;
	position:relative;
	text-align:center;
}

.diapo_vignettes, .diapo_vignettes_center {
	margin-left:4px;
}
.diapo_vignettes_left, .diapo_vignettes_right {
	display:block;
	width:490px;
}
.diapo_vignettes_left {
	float:left;
}
.diapo_vignettes_right {
	float:right;
}
.diapo_vignettes_invisible {
	display:none;
}
.diapo_vignette {
	float:left;
	display:block;
	position:relative;
	text-align:center;
	width:90px;
	height:90px;
	margin: 2px;
}

.diapo_vignette img {
        border: #A58080 solid 1px;
}

.diapo_petit_left {
	float:left;
}
.diapo_petit_right {
	float:right;
}
.diapo_petit_left, .diapo_petit_right {
/*	width:260px;
	height:260px;*/
}


/* Vignettes d'albums photos
---------------------------- */
.diapo {
	padding: 0;
	margin: 0;
    text-align: center;
    width: 260px;
}
.diapo li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 5px;
	border: #A58080 solid 1px;
	padding: 0;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.diapo li>div {
	/*\*/ display: table; /**/
	width: 260px;
}
.diapo a {
	display: block;
	text-decoration: none;
}
/* IE7? \*/
.diapo>li .vignette-img {
	display: table-cell;
	vertical-align: middle;
	width: 260px;
	height: 260px;
}
/**/
.diapo img {
	vertical-align: middle;
}
/*\*//*/
.diapo li .vignette-img {
	display: block;
	font-size: 1px;
}
.diapo .vignette-img span {
	display: inline-block;
	vertical-align: middle;
	height: 260px;
	width: 1px;
}
/**/
.diapo .caption {
	display: block;
	padding: .3em 5px;
	line-height: 1.1;
    height: 2.5em;
	w\idth: 250px;  /* Moz, IE6 */
   	font-size:0.8em;
	font-weight:bold;
}
/* top ib e hover Op */
@media all and (min-width: 0px) {
	.diapo  {
		border-collapse: collapse;
	}
	.diapo a {
		display: inline-block;
		vertical-align: top;
	}
	.diapo {
		display: inline-block; /* non deve avere margin */
	}
}

/* Le # devant les propriétés permet de faire des règles spécifiques IE */
.diapo li {
	#width: 262px;
	#w\idth: 260px;
	#display: inline;
}
.diapo {
	#_height: 0;
	#zoom: 1;
	#display: inline;
}
.diapo li .vignette-img {
	#display: block;
	/* evita hasLayout per background position */
	#width: auto;
	#height: auto;
}
.diapo .vignette-img span {
	#vertical-align: middle;
	#height: 260px;
	#zoom: 1;
}