/* CSS Document - Module Diaporama */

div#diaporama {
	position:relative;
	display:block;
	width:850px;
	height:330px;
	margin-top:30px;
	margin-left:50px;
	border:0px solid red;
}

div#diaporama img {
	border:0;
	margin:0;
	padding:0;
}

div#diaporama div#diapo_vignettes {
	position:absolute;
	display:block;
	width:150px;
	height:265px;
	top:0px;
	left:0px;
	border:0px solid green;

}

div#diaporama div#diapo_vignettes #liste_vignettes {
	position:absolute;
	display:block;
	width:150px;
	height:265px;
	top:0px;
	left:0px;
	text-align:center;
	overflow:hidden;
	border:0px solid black;
}

div#diaporama div#diapo_vignettes img {
	margin-bottom:5px;
}


div#diaporama div#diapo_image {
	position:absolute;
	display:block;
	width:450px;
	height:300px;
	top:0px;
	left:160px;
	border:0px solid green;
	overflow:hidden;

}

div#diaporama div#diapo_bloc_3_images {
	position:absolute;
	display:block;
	width:1370px;
	height:300px;
	top:0px;
	left:-460px;
	border:0px solid green;
}



div#diaporama div#diapo_image #diapo_image_precedente {
	position:absolute;
	display:block;
	width:450px;
	height:300px;
	top:0px;
	left:0px;
	text-align:center;
	border:0px solid black;
}

div#diaporama div#diapo_image #diapo_image_courante {
	position:absolute;
	display:block;
	width:450px;
	height:300px;
	top:0px;
	left:460px;
	text-align:center;
	border:0px solid black;
}

div#diaporama div#diapo_image #diapo_image_suivante {
	position:absolute;
	display:block;
	width:450px;
	height:300px;
	top:0px;
	left:920px;
	text-align:center;
	border:0px solid black;
}

div#diaporama div#diapo_image #masque_diapo {
	position:absolute;
	display:none;
	width:450px;
	height:300px;
	top:0px;
	left:0px;
	text-align:center;
	border:0px solid green;
}

div#diaporama div#diapo_legende {
	position:absolute;
	display:block;
	width:230px;
	height:235px;
	top:0px;
	left:620px;
	border:0px solid blue;
	overflow:auto;
}

div#diaporama div#liste_deroulante {
	position:absolute;
	display:block;
	width:230px;
	top:245px;
	left:620px;
	border:0px solid red;
}

div#diaporama div#liste_deroulante select{
	width:230px;
	font-size:12px;
}

div#diaporama div#diapo_titre {
	position:absolute;
	display:block;
	width:750px;
	top:310px;
	left:10px;
	border:0px solid blue;
	overflow:auto;
	
	text-align:center;
	font-weight:bold;
}

div#diaporama div#fleche_gauche {
	position:absolute;
	display:block;
	width:150px;
	height:25px;
	top:275px;
	left:0px;
	border:0px solid green;
}

div#diaporama div#fleche_gauche img {
	position:absolute;
	display:block;
	top:0px;
	right:20px;
}



div#diaporama div#fleche_droite {
	position:absolute;
	display:block;
	width:150px;
	height:25px;
	top:275px;
	left:620px;
	border:0px solid green;
}

div#diaporama div#fleche_droite img {
	position:absolute;
	display:block;
	top:0px;
	left:20px;
}