@charset "utf-8";
/* CSS Document */
@keyframes enterSlide {
  0% {
    left: 0;
    top: 20px;
  }
  100% {
    left:0px;
    top: 0;
  }
}
@keyframes slide {
  0% {
    left: 0;
    top: 0;
  }
  100% {
    left:-110px;
    top: 0;
  }
}
.blocTxtJP{
	width:960px;
	height:auto;
	display: inline-block;
	position:relative;
	font-size:16px;
	margin-top:20px;
}
.blocSpectacles{
	width:960px;
	height:200px;
	display: inline-block;
	position:relative;
	animation-name: enterSlide;
	animation-direction:reverse;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: .1s;
	animation-fill-mode: forwards;
	margin-top:20px;
}
.blocSpectacles:hover .blocContenant{
  animation-name: slide;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: .1s;
  animation-fill-mode: forwards;
}
.blocPhoto{
	width:430px;
	height:200px;
	display: inline-block;
	position:relative;	
}
.blocContenant{
	width:530px;
	height:200px;
	position:absolute;
	z-index:10;	
	margin-left:430px;
	text-align:left;
	color:#000000;
}
.masquePhoto{
	width:20px;
	height:200px;
	display: inline-block;
	position:relative;
	z-index:5;
	background:transparent url('/media/img/masque_photo.png') left top no-repeat; background-size: 100%;
	
}
.traitGris{
	width:510px;
	height:1px;
	line-height:1px;
	position:absolute;
	z-index:10;
	background-color: rgba(102,102,102,.1);
	margin:199px 0 0 10px;
}
.contenu{
	width:500px;
	height:200px;
	display: inline-block;
	position:relative;
	z-index:5;
	background-color:#ffffff;
	vertical-align:top;
	text-align:left;
	margin-left:-2px;
}

.limitationDate{ margin-top:10px;}
.blocMotscle .bgMotscle{color:#ffffff !important;}
.blocDatesSlide .dates{
	background-color: rgba(102,102,102,.1) !important;	
}
.txtContenu{
	width:100%;
	height:auto;
	display: block;
	position:relative;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:20px;
}
.txtContenu h2{ line-height:50px;}
.blocPlus{
	width:100px;
	height:200px;
	position:absolute;
	text-align:center;
	margin-left:850px;
}
.fondBlocPlus{
	width:20px;
	height:200px;
	position:absolute;
	z-index:5;
	background:transparent url('/media/img/masque_hover.png') left top no-repeat; background-size: 100%;
	
}
.pictoBilletterie{
	width:60px;
	height:60px;
	display: inline-block;
	position:relative;
	z-index:5;
	margin: 0 auto;
	background:transparent url('/media/img/picto_billetterieOff.png') left top no-repeat; background-size: 100%;
	margin-top:20px;
	
}
.pictoBilletterie:hover{
	background:transparent url('/media/img/picto_billetterieHover.png') left top no-repeat; background-size: 100%;
	
}
.pictoPlus{
	width:60px;
	height:60px;
	display: inline-block;
	position:relative;
	z-index:5;
	margin: 0 auto;
	background:transparent url('/media/img/picto_plusOff.png') left top no-repeat; background-size: 100%;
	margin-top:40px;
}
.pictoPlus:hover{
	background:transparent url('/media/img/picto_plusHover.png') left top no-repeat; background-size: 100%;
	
}