@charset "utf-8";

/* CSS Document */ /*Class de style pour le carousel */
#wrapper {
	margin-left: 3px;
}

img {
	border: none;
}

#caroussel-right {
	position: absolute;
	width: 306px;
	height: 304px;
	background: url(../images/carrousel-right.png) no-repeat;
	top: 0px;
	right: 0px;
	z-index: 10;
}

#caroussel-left {
	position: absolute;
	width: 40px;
	height: 304px;
	background: url(../images/carrousel-left.png) no-repeat;
	left: 0px;
	top: 0px;
	z-index: 10;
}

#frame {
	position: relative;
	width: 901px;
	height: 304px;
	background-color: #000;
	overflow: hidden;
}

#btn-container {
	position: absolute;
	bottom: 15px;
	left: 60px;
	z-index: 10;
}

.btn-nav {
	margin: 0px 2px 0px 2px;
	border: none;
	cursor: pointer;
}

#transition-container {
	height: 304px;
	/* should be the sum of all photos */
	width: 4505px;
	/* position it */
	position: relative;
	top: 0px;
}

.photo {
	float: left;
	width: 901px;
}

.caption-right {
	position: absolute;
	width: 306px;
	height: 304px;
	top: 0px;
	right: 0px;
	z-index: 20;
}

.caption-title {
	height: 196px;
	margin-left: 45px;
}

.caption-btn {
	margin-top: 10px;
	margin-left: 37px;
}