
section.diaporama {
	position: relative; 
}
	section.diaporama footer {
		text-align: center;
	}

	section.boxDiaporama {
		position: relative;
		z-index: 10;
		max-width: 950px;
		margin: 0 auto;
		overflow: hidden;
		border: solid 1px #aaa;
	}
		section.diaporama .previousItem {
			left: -80px;
		}
		section.diaporama .nextItem {
			right: -80px;
		}
		
		section.diaporama .seekItems {
			/*margin-top: 150px;
			position: absolute;
			z-index: 30;
			bottom: 10px;
			width: 100%;
			text-align: center;
			color: #000;
			word-spacing: 15px;*/
			text-align: center;
			display: inline-block;
			padding: 7px;
		}
			section.diaporama .seekItems .seekItem {
				background: url(points-slider.png) left top no-repeat;
				display: inline-block;
				width: 11px;
				height: 11px;
				cursor: pointer;
			}
				section.diaporama .seekItems .seekItem:hover, section.diaporama .seekItems .seekItem.active {
					background: url(points-slider.png) right top no-repeat;
				}
	
	section.diaporama .previousItem, section.diaporama .nextItem {
		/*position: absolute;
		top: 150px;
		z-index: 20;
		width: 50px;
		height: 50px;*/
		display: inline-block;
		width: 50px;
		height: 50px;		
		opacity: 0.6;
		cursor: pointer;
		vertical-align: middle;
	}
	section.diaporama .previousItem:hover, section.diaporama .nextItem:hover {
		opacity: 1;
	}
	section.diaporama .previousItem {
		background: url(fleche-gauche.png) center center no-repeat;
	}
	section.diaporama .nextItem {
		background: url(fleche-droite.png) center center no-repeat;
	}
	
	section.diaporama .seekItem.active {
		color: #a00;
	}
	
	section.diaporama section.itemDiaporama {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		opacity: 0;
		visibility: hidden;
	}
		section.diaporama section.itemDiaporama:first-child {
			opacity: 0.4;
			visibility: visible;
		}
		section.diaporama section.itemDiaporama h1 {
				
		}	

@media all and (max-width: 650px) {
	section.diaporama section.itemDiaporama {
	}
}	

@media all and (max-width: 570px) {
	section.diaporama section.itemDiaporama {
	}
}	

@media all and (max-width: 500px) {
	section.diaporama section.itemDiaporama {
	}
}	

@media all and (max-width: 450px) {
	section.diaporama section.itemDiaporama {
	}
}	

@media all and (max-width: 380px) {
	section.diaporama section.itemDiaporama {
	}
}	
