/* Eléments HTML en général
-------------------------------------------------------- */

#conteneur{
	width				: 752px;
	height				: 210px;
	position			: relative;
}

#carrousel{
	width				: 752px;
	height				: 210px;
	overflow			: hidden;
	background-color	: black;
	position			: relative;
}

.slide{
	top					: 0;
	left				: 0;
	width				: 467px;
	height				: 210px;
	position			: absolute;
}

.navigation {
	position			: absolute;
	top					: 0;
	right				: 0;
}

.navigation span{
	cursor				: pointer;
	top					: 0;
	right				: 0;
	width				: 275px;
	height				: 34px;
	position			: absolute;
}

.navigation span.btn-slide1{
	background			: url(../img/new/slide1.png) top left no-repeat;
	top					: 0;
}

.navigation span.btn-slide1:hover{
	background			: url(../img/new/slide1.png) top center no-repeat;
}

.navigation span.btn-slide1.active{
	background			: url(../img/new/slide1.png) top right no-repeat;
}

.navigation span.btn-slide2{
	background			: url(../img/new/slide2.png) top left no-repeat;
	top					: 34px;
}

.navigation span.btn-slide2:hover{
	background			: url(../img/new/slide2.png) top center no-repeat;
}

.navigation span.btn-slide2.active{
	background			: url(../img/new/slide2.png) top right no-repeat;
}

.navigation span.btn-slide3{
	background			: url(../img/new/slide3.png) top left no-repeat;
	top					: 68px;
}

.navigation span.btn-slide3:hover{
	background			: url(../img/new/slide3.png) top center no-repeat;
}

.navigation span.btn-slide3.active{
	background			: url(../img/new/slide3.png) top right no-repeat;
}

.navigation span.btn-slide4{
	background			: url(../img/new/slide4.png) top left no-repeat;
	top					: 102px;
}

.navigation span.btn-slide4:hover{
	background			: url(../img/new/slide4.png) top center no-repeat;
}

.navigation span.btn-slide4.active{
	background			: url(../img/new/slide4.png) top right no-repeat;
}

.navigation span.btn-slide5{
	background			: url(../img/new/slide5.png) top left no-repeat;
	top					: 136px;
}

.navigation span.btn-slide5:hover{
	background			: url(../img/new/slide5.png) top center no-repeat;
}

.navigation span.btn-slide5.active{
	background			: url(../img/new/slide5.png) top right no-repeat;
}

.navigation span.btn-slide6{
	background			: url(../img/new/slide6.png) top left no-repeat;
	top					: 170px;
}

.navigation span.btn-slide6:hover{
	background			: url(../img/new/slide6.png) top center no-repeat;
}

.navigation span.btn-slide6.active{
	background			: url(../img/new/slide6.png) top right no-repeat;
}