@charset "utf-8";
/* CSS Document */
.centerBloc{
	width:800px;
}
.grosTitre::before{
	content:" ";
	position: absolute;
	width:107px;
	height:100px;
	background:transparent url('/media/img/pictoPanier.png') left 10px no-repeat;
	background-size: 100%;
}
.grosTitre h1{
	margin-left:120px;
	position:relative;
}
#titreReservation{
	width:100%;
	height:auto;
	display: block;
	font-size:40px;
	line-height:35px;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 200;
	margin-bottom:5px;
	padding-bottom:15px;
	border-bottom: solid 1px rgba(0,0,0,.1);
}
.blocSpectacles{
	width:460px;
	height:100px;
	line-height:100px;
	display: inline-block;
}
.blocSpectacles .blocPhoto{
	width:225px;
	height:100px;
	display: inline-block;
}
.blocContenant{
	width:580px;
	height:100px;
	position:absolute;
	z-index:10;	
	margin-left:215px;
	text-align:left;
	color:#000000;
}
.masquePhoto{
	width:10px;
	height:100px;
	display: inline-block;
	z-index:5;
	background:transparent url('/media/img/pt_masque_photo.png') left top no-repeat; background-size: 100%;
	vertical-align:top;
}
.blocContenant .traitGris{
	width:575px;
	height:1px;
	line-height:1px;
	position:absolute;
	z-index:10;
	background-color: rgba(102,102,102,.1);
	margin:99px 0 0 10px;
}
.blocContenant .contenu{
	width:575x;
	height:100px;
	display: inline-block;
	z-index:5;
	background-color:#ffffff;
	vertical-align:top;
	text-align:right;
	margin-left:-2px;
}
.blocContenant .contenu .infosG{
	width:330px;
	height:auto;
	line-height:16px;
	display: inline-block;
	vertical-align:top;
	text-align:left;
}
.blocContenant .infosG .motscleSlide{
	width:auto;
	height:auto;
	display: block;
	margin-top:0px;
	vertical-align:top;
}
.blocContenant .contenu .infosD{
	width:230px;
	height:auto;
	display: inline-block;
	vertical-align:middle;
	text-align:right;
	font-size:16px;
	line-height:16px;
	text-transform:uppercase;
}
.txtContenu{
	width:100%;
	height:auto;
	display: block;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:16px;
	margin-top:10px;
}
.txtContenu h3{ line-height:30px;}
.trait{
	width:800px;
	height:1px;
	line-height:1px;
	display: block;
	margin:15px 0 5px 0;
	background-color: rgba(0,0,0,.1);
}
ul, li {
	list-style:none;
	margin:0;
	padding:0;
}
ul#listReservation{
	float:right;
	width:575px;
	height:auto;
	text-align:left;
	vertical-align:top;
	margin-top:5px;
}
ul#listReservation > li{
	width:100%;
	border-bottom: solid 1px rgba(0,0,0,.1);
	margin-bottom:10px;
	padding-bottom:10px;
}
.trait3{
	margin:20px 0 10px 0;
}

.ligneReservation{
	width:575px;
	height:30px;
	line-height:30px;
	display: inline-block;
	text-align:left;
	font-size:16px;
	vertical-align:top;
}
.titreTarif,.prixTarif,.nbTarif,.prixTotalTarif{
	height:auto;
	height:30px;
	line-height:30px;
	display: inline-block;
	text-align:left;
}
.nbTarif{
	vertical-align:top;
}
.titreTarif{
	width:390px;
	padding-left:5px;
	font-size:14px;
}
.titreTarif strong{
	font-size:16px;
	text-transform:uppercase;
}
.prixTarif{
	min-width:50px;
	padding-right:10px;
	font-size:16px;
	text-align:right;
}
input[type="number"]{
	width:50px;
	background-color:#efefef;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	padding:4px 5px;
	font-size:16px;
	border:none;
	text-align:center;
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
}
.prixTotalTarif{
	width:70px;
	padding-left:10px;
	font-size:20px;
	text-align:right;
}
ul#listBilletsAbonnes{
	width:575px;
	text-align:left;
	font-size:12px;
	padding-left:20px;
}
#listBilletsAbonnes >li::before{
	content:" ";
	display: inline-block;
	width:40px;
	height:24px;
	background:transparent url('/media/img/pictoAbonne.png') left top no-repeat;
	background-size: 100%;
	margin:5px 6px 0 0;
}
.autoBlock{
	line-height:16px;
	vertical-align:middle;
}
input[name="numeroAbonne"]{
	width:100px;
	height:30px;
	font-size:16px;
	background:none;
	border:none;
	text-align:center;
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	padding:8px;
	background-color:#efefef;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius: 5px 5px 5px 5px;
}
.ptBtSupp{
	width:auto;
	height:auto;
	display: inline-block;
	text-align:left;
	font-size:12px;
	color:#e20613;
	cursor:pointer;
}
.ptBtSupp::before{
	content:" ";
	display: inline-block;
	width:9px;
	height:9px;
	background:transparent url('/media/img/ptBtSupp.png') left top no-repeat;
	background-size: 100%;
	margin:0 5px 0 0;
}
#blocTotal{
	float:left;
	width:100%;
	height:auto;
	text-align:left;
	font-size:16px;
	vertical-align:top;
	color:#000000;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	margin: 0 0 5px;
	padding-bottom:15px;
}
#blocTotal #nbTarif{
	float:right;
	width:auto;
	height:30px;
	background-color:#ffffff;
}
#blocTotal #prixTotalTarif{
	float:right;
	width:70px;
	padding-left:10px;
	font-size:20px;
	text-align:right;
}
#erreur {
	float:left;
	width:100%;
	margin:20px 0;
	padding-left:20px;
	color: #e20613;
}
.btAjout {
	display:inline-block;
	width:auto;
	height:65px;
	float:right;
	text-align:left;
	font-size:30px;
	color:#52ae32;
	filter : alpha(opacity=50);
	opacity : 0.5;
	border:none;
	padding-right:70px;
	background:transparent url("/media/img/btEnvoyer.png") no-repeat scroll right top 5px / 60px auto;
	font-family:"tablet-gothic-condensed",sans-serif;
	font-weight:300;
}

.btAjout:hover{
	filter : alpha(opacity=100);
	opacity : 1;
}