span.infobulle {
	position:        relative;
	z-index:         24;
	color:           #000;
	text-decoration: none
}
 
span.infobulle:hover {
	z-index:          25;
	/*background-color: #FFF*/
}
 
span.infobulle span {
	display: none;
	white-space: nowrap;
}
 
span.infobulle:hover span {
	display:          block;
	position:         absolute;
	top:              -2.5em; /*2em*/
	/*left:             -50em;
	width:            50em;*/
	border:           1px solid #000;
	-webkit-border-radius:    10px 10px 10px 10px;
	-moz-border-radius:    10px 10px 10px 10px;
	-ms-border-radius:    10px 10px 10px 10px;
	-o-border-radius:    10px 10px 10px 10px;
	border-radius:    10px 10px 10px 10px;
	-webkit-box-shadow: 8px 8px 12px #aaa; 
	-moz-box-shadow: 8px 8px 12px #aaa; 
	-ms-box-shadow: 8px 8px 12px #aaa; 
	-o-box-shadow: 8px 8px 12px #aaa; 
	box-shadow: 8px 8px 12px #555;
	background-color: #FFF;
	color:            #000;
	text-align:       justify;
	font-weight:      none;
	padding:          5px;
}

div.smenu {
	position:        relative;
	z-index:         24;
	color:           #000;
	text-decoration: none
}
 
div.smenu:hover {
	z-index:          25;
	/*background-color: #FFF*/
}
 
div.smenu div {
	display: none;
	white-space: nowrap;
	/*background-color: transparent; /* alternative noire "dure" pour les anciens navigateurs */
/*	visibility: 
-webkit-transition: display 5s ease-out;
-moz-transition: display 5s ease-out;
-ms-transition: display 5s ease-out;
-o-transition: display 5s ease-out;
transition: display 5s ease-out;*/
}
 
div.smenu:hover div {
	display:          block;
	position:         absolute;
	top:              1.25em; /*2em*/
	/*left:             -50em;
	width:            50em;*/
	/*border-left:		1px solid #fff;
	border-right:		1px solid #fff;
	border-bottom:		1px solid #fff;*/
	-webkit-border-radius:    0px 0px 10px 10px;
	-moz-border-radius:    0px 0px 10px 10px;
	-ms-border-radius:    0px 0px 10px 10px;
	-o-border-radius:    0px 0px 10px 10px;
	border-radius:    0px 0px 10px 10px;
	-webkit-box-shadow: 0px 8px 12px #aaa; 
	-moz-box-shadow:    0px 8px 12px #aaa; 
	-ms-box-shadow: 0px 8px 12px #aaa; 
	-o-box-shadow: 0px 8px 12px #aaa; 
	box-shadow:         0px 8px 12px #555;
	background-color: #000;
	/*color:            #000;*/
	text-align:       justify;
	font-weight:      none;
	padding:          5px;
}

.ibtp { left: -6em; width: 8em; }
.ibt1 { left: -8em; width: 10em; }
.ibt2 { left: -18em; width: 20em; }
.ibt3 { left: -28em; width: 30em; }
.ibt4 { left: -38em; width: 40em; height: 350px; overflow-y: auto; overflow-x: visible; }
.ibt5 { left: -48em; width: 50em; height: 325px; overflow-y: auto; overflow-x: visible; }
.ibt6 { left: -58em; width: 60em; height: 300px; overflow-y: auto; overflow-x: visible; }

#diaporama {
	width:228px;
}

#diaporama div {
	width: 108px; /*72px;*/
	height: 81px; /*54px;*/
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

/*#diaporama div .minia {
	width: 108px;
	height: 81px;
}*/

#diaporama div .grande {
	display: none;
}

#diaporama div:hover .grande {
	display:block;
	position:relative; /*absolute;*/
	/*width:228px; /*180px;*/
	/*height:171px; /*135px;*/
	/*top:-128px;*/
	/*left:-60px;*/
	/*margin-left:-200px;
	margin-top:-200px;*/
	-webkit-box-shadow: 8px 8px 12px #aaa; 
	-moz-box-shadow:    8px 8px 12px #aaa; 
	-ms-box-shadow: 8px 8px 12px #aaa; 
	-o-box-shadow: 8px 8px 12px #aaa; 
	box-shadow:         8px 8px 12px #555;
	z-index: 500;
	zoom:    1;
	clear: both;
}

#diap-pieces {
	width: 580px;
	/*border: 1px solid #000;*/
}

#diap-pieces .cont {
	width: 135px;
	height: 135px;
	text-align: center;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	border: 1px dotted #000;
}

#diap-pieces .diap {
	/*width: 108px; /*72px;*/
	width: 100%;
	text-align: center;
	height: 81px; /*54px;*/
	/*border: 1px solid #000;*/
	/*left: 50px;*/
}

#diap-pieces .diap .minia {
	width: 108px;
	height: 81px;
}

#diap-pieces .diap .grande {
	display:none;
}

#diap-pieces .diap:hover .grande {
	display:block;
	position:relative; /*absolute;*/
	width:228px; /*180px;*/
	height:171px; /*135px;*/
	top:-128px;
	left:-45px;
	/*margin-left:-200px;
	margin-top:-200px;*/
	-webkit-box-shadow: 8px 8px 12px #aaa; 
	-moz-box-shadow:    8px 8px 12px #aaa; 
	-ms-box-shadow:    8px 8px 12px #aaa; 
	-o-box-shadow:    8px 8px 12px #aaa; 
	box-shadow:         8px 8px 12px #555;
}

.img-scale {
	position: relative;
	-webkit-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-moz-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-ms-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-o-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	transition: all .5s cubic-bezier( .6, 2, .4, 1);
}

.img-scale:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	z-index: 1000;
}