/**
 * @section        opening
 * @tree           #opening < #page < #wrapper < body
 */
#opening.openingCarousel {
	background:#4C4C4C url(/templates/versailles/images/common/bg/carousel.jpg) no-repeat 0 0;
}
#opening.openingCarousel h1 {
	padding: 15px 0;
	color:#c6a760;
	font-size:11px; font-weight:normal;
	text-align: center;
}
#opening.openingCarousel h1 strong {
	display:block;
	color: #fff;
	font: normal 24px/1.2 Georgia, "Times New Roman", Times, serif;
}

/* @group Base Flipster Styles */
.flipster {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
}
.flip-items,
.flip-item {
  display: block;
  margin: 0 auto; padding: 0;
  list-style-type: none;
}
.flip-items {
  width: 100%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.flip-item {
  position: absolute;
	display:none;
  /* Fix for strange clipping behavior on rotated elements in Chrome. */
}
.flip-past,
.flip-future,
.flip-next,
.flip-prev,
.flip-past2,
.flip-future2,
.flip-past3,
.flip-future3 {
	display:block;
  cursor: pointer;
}
/* @end */

/* @group Flip Items */
.flipster-carousel .flip-items {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  perspective: 2000px;
}
.flipster-carousel .flip-item {
  -webkit-transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  -o-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
	width:280px;
	-moz-box-shadow: 0px 0px 10px 2px #343434;
	-webkit-box-shadow: 0px 0px 10px 2px #343434;
	-o-box-shadow: 0px 0px 10px 2px #343434;
	box-shadow: 0px 0px 10px 2px #343434;
}
.flipster-carousel .flip-prev {
	-webkit-transform: translateX(-110px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-moz-transform: translateX(-110px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-o-transform: translateX(-110px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-ms-transform: translateX(-110px) translateZ(-100px) rotateY(55deg) scale(0.9);
	transform: translateX(-110px) translateZ(-100px) rotateY(55deg) scale(0.9);
}
.flipster-carousel .flip-past {
  -webkit-transform: translateX(-160px) translateZ(-100px) rotateY(55deg) scale(0.9);
  -moz-transform: translateX(-160px) translateZ(-100px) rotateY(55deg) scale(0.9);
  -o-transform: translateX(-160px) translateZ(-100px) rotateY(55deg) scale(0.9);
  -ms-transform: translateX(-160px) translateZ(-100px) rotateY(55deg) scale(0.9);
  transform: translateX(-160px) translateZ(-100px) rotateY(55deg) scale(0.9);
}
.flipster-carousel .flip-past2 {
	-webkit-transform: translateX(-210px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-moz-transform: translateX(-210px) translateZ(-100px) rotateY(55deg) scale(0.9));
	-o-transform: translateX(-210px) translateZ(-100px) rotateY(55deg) scale(0.9));
	-ms-transform: translateX(-210px) translateZ(-100px) rotateY(55deg) scale(0.9);
	transform: translateX(-210px) translateZ(-100px) rotateY(55deg) scale(0.9);
}
.flipster-carousel .flip-past3 {
	-webkit-transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-moz-transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-o-transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-ms-transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
	transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
}
.flipster-carousel .flip-next {
	-webkit-transform: translateX(110px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-moz-transform: translateX(110px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-o-transform: translateX(110px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-ms-transform: translateX(110px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	transform: translateX(110px) translateZ(-100px) rotateY(-55deg) scale(0.9);
}
.flipster-carousel .flip-future {
  -webkit-transform: translateX(160px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -moz-transform: translateX(160px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -o-transform: translateX(160px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -ms-transform: translateX(160px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  transform: translateX(160px) translateZ(-100px) rotateY(-55deg) scale(0.9);
}
.flipster-carousel .flip-future2 {
  -webkit-transform: translateX(210px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -moz-transform: translateX(210px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -o-transform: translateX(210px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -ms-transform: translateX(210px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  transform: translateX(210px) translateZ(-100px) rotateY(-55deg) scale(0.9);
}
.flipster-carousel .flip-future3 {
  -webkit-transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -moz-transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -o-transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  -ms-transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
  transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
}

.flipster-carousel .flip-past3,
.flipster-carousel .flip-future3 {
  z-index: 2;
  -webkit-transition-delay: 87.5ms;
  -moz-transition-delay: 87.5ms;
  -o-transition-delay: 87.5ms;
  transition-delay: 87.5ms;
}
.flipster-carousel .flip-past2,
.flipster-carousel .flip-future2 {
  z-index: 3;
  -webkit-transition-delay: 87.5ms;
  -moz-transition-delay: 87.5ms;
  -o-transition-delay: 87.5ms;
  transition-delay: 87.5ms;
}
.flipster-carousel .flip-past,
.flipster-carousel .flip-future {
  z-index: 4;
  -webkit-transition-delay: 87.5ms;
  -moz-transition-delay: 87.5ms;
  -o-transition-delay: 87.5ms;
  transition-delay: 87.5ms;
}
.flipster-carousel .flip-prev,
.flipster-carousel .flip-next {
  z-index: 5;
  -webkit-transition-delay: 58.333333333333336ms;
  -moz-transition-delay: 58.333333333333336ms;
  -o-transition-delay: 58.333333333333336ms;
  transition-delay: 58.333333333333336ms;
}
.flipster-carousel .flip-current {
	display:block;
  z-index: 999;
  -webkit-transform: rotateY(0deg) translateZ0);
  -moz-transform: rotateY(0deg) translateZ(0);
  -o-transform: rotateY(0deg) translateZ(0);
  -ms-transform: rotateY(0deg) translateZ(0);
  transform: rotateY(0deg) translateZ(0);
  -webkit-transition-delay: 58.333333333333336ms;
  -moz-transition-delay: 58.333333333333336ms;
  -o-transition-delay: 58.333333333333336ms;
  transition-delay: 58.333333333333336ms;
}
.flipster-carousel .flip-hidden {
  visibility: hidden; z-index:1;
  -webkit-transform: rotateY(0deg) translateX(0) scale(0.5);
  -moz-transform: rotateY(0deg) translateX(0) scale(0.5);
  -o-transform: rotateY(0deg) translateX(0) scale(0.5);
  -ms-transform: rotateY(0deg) translateX(0) scale(0.5);
  transform: rotateY(0deg) translateX(0) scale(0.5);
  -webkit-transition-delay: 116.66666666666667ms;
  -moz-transition-delay: 116.66666666666667ms;
  -o-transition-delay: 116.66666666666667ms;
  transition-delay: 116.66666666666667ms;
}
/* @end */

/* @group flipster Navigation */
.flipster .flipster-nav {
	position: relative;
	display: table;
	margin:25px auto;
	width:630px;
	list-style-type: none;
}
.flipster .flipster-nav li {
	display: table-cell;
	margin: 0; padding: 5px; border-left:1px solid #807e82;
	background-color:#000;
	font-size: 12px;
	text-align: center;
	list-style-type: none;
}
.flipster .flipster-nav li:first-child {
	border-left:none;
}
.flipster li.flip-nav-current {
	background-color:#fff;
}
.flipster .flipster-nav .flip-nav-category-link,
.flipster .flipster-nav .no-category .flip-nav-item-link {
	color: #ffffff;
}
.flipster .flip-nav-current .flip-nav-category-link {
	color:#000;
}
.flipster .flipster-nav .flip-nav-category .flip-nav-items {
	display: none;
}
.flip-nav-category-link span {
	display:inline-block;
	margin-right:5px;
	width: 7px; height:7px;
}
.flip-nav-category-link span.eventGreen {
	background:#548e6e  url(/templates/versailles/images/common/bg/bg-btn-news-more-eventGreen.png) repeat-x;
}
.flip-nav-category-link span.eventViolet,
.flip-nav-category-link span.eventRestauration {
	background:#7a558f url(/templates/versailles/images/common/bg/bg-btn-news-more-eventViolet.png) repeat-x;
}
.flip-nav-category-link span.eventOrange,
.flip-nav-category-link span.eventExposition {
	background:#ce7a04 url(/templates/versailles/images/common/bg/bg-btn-news-more-eventOrange.png) repeat-x;
}
.flip-nav-category-link span.eventLightBlue,
.flip-nav-category-link span.eventVieScientific {
	background:#299ac8 url(/templates/versailles/images/common/bg/bg-btn-news-more-eventLightBlue.png) repeat-x;
}
.flip-nav-category-link span.eventMustard {
	background:#b59c2d url(/templates/versailles/images/common/bg/bg-btn-news-more-eventMustard.png) repeat-x;
}
/* @end */

/* @group Previous & Next Buttons */
.flipto-prev ,
.flipto-next {
	position: absolute; top: 50px; left:20px;
	overflow:hidden;
	padding-top:52px;
	width:37px; height:0;
	background:url(/templates/versailles/images/home/btn/carousel.png) no-repeat 0 -52px;
}
.flipto-next {
	left:auto; right: 20px;
	background-position:-37px -52px;
}
.flipto-prev:hover {background-position:0 0;}
.flipto-next:hover {background-position:-37px 0;}
/* @end */