/**
 * @version $Id: reservation.css,v 1.50.2.16 2011-08-25 14:39:26 jva Exp $
 * @package gaumont-pathe
 * @copyright Copyright (C) 2009 BROCELIA. All rights reserved.
 */

#reservation .hidden
{
	display: none;
}

#reservation div#modes_reservation div.mode_reservation {
	min-height: 200px;
}

#reservation div div#corps div {
	height: auto;
}

#reservation #corps #entete_cine
{
		width: 930px;
	height: 49px;
	padding: 11px 10px;
	border: solid #fff;
	border-width: 0 0 1px 0;
}

#reservation #corps.gaumont #entete_cine
{
	background: url("../img/interface/fonds/fond_entete_cinema_gaumont_gd.jpg") top left no-repeat;
	color: #fff;
}

#reservation #corps.pathe #entete_cine
{
	background: url("../img/interface/fonds/fond_entete_cinema_pathe_gd.jpg") top left no-repeat;
}

#reservation #corps #entete_cine
{
	background: url("../img/interface/fonds/fond_entete_cinema_gd.jpg") top left no-repeat;
}

#reservation #corps #entete_cine,
#reservation #corps.pathe #entete_cine
{
	color: #000;
}

#reservation #corps #entete_cine p.nom
{
	font-size: 12px;
	margin: 0;
	font-weight: bold;
}

#reservation #corps.gaumont #entete_cine p.nom
{
	color: #fff;
}

#reservation #corps #entete_cine p.adresse
{
	margin: 7px 0 0;
}

#reservation #corps #entete_cine p.nb_places
{
	margin: 0;
}

#reservation #corps.gaumont #entete_cine p
{
	color: #d2bbbc;
}

#reservation #entete_reservation
{
	width: 950px;
	height: 46px;
}

#reservation #entete_reservation p
{
	float: left;
	width: 200px;
	padding: 10px;
	color: #000;
}

#reservation #entete_reservation ul
{
	float: left;
	background:  url("../img/interface/navigation/fil_reservation.gif") top left no-repeat;
	width: 632px;
	height: 27px;
	margin: 8px 0 0 50px;
		padding: 0;
	list-style: none;
}

#reservation #entete_reservation ul li
{
	float: left;
}

#reservation #entete_reservation ul li span
{
	display: none;
}

#reservation #entete_reservation ul li.etape_1,
#reservation #entete_reservation ul li.etape_1 strong
{
	float: left;
	display: block;
	width: 212px;
	height: 27px;
}

#reservation #entete_reservation ul li.etape_1 strong
{
	background:  url("../img/interface/navigation/fil_reservation.gif") 0 -27px no-repeat;
}

#reservation #entete_reservation ul li.etape_2,
#reservation #entete_reservation ul li.etape_2 strong
{
	float: left;
	width: 232px;
	height: 27px;
}

#reservation #entete_reservation ul li.etape_2 strong
{
	background:  url("../img/interface/navigation/fil_reservation.gif") -212px -27px no-repeat;
}

#reservation #entete_reservation ul li.etape_3,
#reservation #entete_reservation ul li.etape_3 strong
{
	float: left;
	width: 188px;
	height: 27px;
}

#reservation #entete_reservation ul li.etape_3 strong
{
	background:  url("../img/interface/navigation/fil_reservation.gif") -444px -27px no-repeat;
}

#reservation h2
{
		clear: both;
	float: left;
	width: 936px;
	background: #a3a3a3;
	margin: 0;
	padding: 7px;
	color: #2c2c2c;
	font-size: 12px;
}

#reservation h2 span.gauche
{
	float: left;
}

#reservation h2 span.droite
{
	float: right;
}

#reservation h2 a.annulation
{
	margin: 0 0 0 725px;
	color: #515151;
	font-size: 11px;
	font-weight: normal;
}

#reservation h3
{
		width: inherit;
	font-size: 12px;
	margin:5px 110px 3px 0;
}

#reservation #nb_places h3,
#reservation #carte_permanente h3
{
	margin: 0 0 10px;
}

#reservation p
{
		width: inherit;
}

#reservation .formulaire
{
	clear: both;
	float: left;
	width: 920px;
}

#reservation #paiement .formulaire_1
{
	clear: both;
	float: left;
	width: 800px;
}

#reservation #paiement .formulaire_2
{
	float: right;
	width: 120px;
}

#reservation #paiement .formulaire_2 p
{
	width: 100px;
	margin: 0 0 10px;
	font-size: 10px;
}

#reservation .ligne
{
	clear: both;
	float: left;
/*	width: inherit; */
		margin: 5px 0;
}

#reservation #paiement .ligne
{
	width: 530px;
}

#reservation #paiement #message_e-cb {
	float: left;
	font-weight: bold;
	color: red;
	margin-top: 7px;
	display: none;
}

#reservation #paiement #message_amex {
	width: 700px;
	font-weight: bold;
	display: none;
	margin-bottom: 15px;
}

#reservation label
{
	display: block;
	float: left;
	margin: 3px 5px 3px 0;
	color: #3e3e3e;
}

#reservation #nb_places label
{
	width: 110px;
}

#reservation #coordonnees label
{
	width: 60px;
}

#reservation #paiement label
{
	width: 80px;
}

#reservation #carte_permanente label
{
	width: 50px;
}

#reservation .mode_reservation label
{
	margin: 0 0 0 0px;
}

#reservation #paiement label.expiration
{
	float: left;
	width: 60px;
	margin-left: 20px;
}

#reservation input
{
	float: left;
	width: 135px;
}

#reservation input.long
{
	width: 275px;
}

#reservation #paiement .cartes input
{
	width: auto;
	margin: 15px 5px 0;
}

#reservation img.carte
{
		clear: both;
	float: left;
	margin: 10px 0 0;
}

#reservation div.info_carte
{
		float: left;
	margin: 0 0 0 15px;
}

#reservation .boutons input
{
	margin: 0 0 0 5px;
}

#reservation input.valider
{
	clear: both;
	width: auto !important;
}

#reservation #modes_reservation input.valider
{
	margin: 0 0 0 800px;
}

#reservation select
{
	float: left;
	font-size: 11px;
}

#reservation #paiement select
{
	margin: 0 3px 0 0;
}

#reservation #paiement .valider
{
	clear: none;
	margin: 0 0 0 10px;
}

#reservation .intervertir label,
#reservation .intervertir input
{
	width: auto;
	float: left;
}

#reservation .intervertir label {
	width: 108px;
}

#reservation #mode_reservation_cb.intervertir label,
#reservation #mode_reservation_cb.intervertir label
{
	width: 143px;
}

#reservation .limite,
#reservation .boutons
{
		clear: both;
	float: left;
}

#reservation .boutons
{
	margin: 10px 0 0 118px;
}

#reservation #carte_lepass .boutons
{
	margin: 10px 0 0 0;
}

#reservation #carte_lepass .boutons p
{
	margin: 0 75px 0 0;
}

#reservation #carte_permanente .boutons
{
	margin: 10px 0 0 163px;
}

#reservation .boutons input
{
	width: auto !important;
}

#reservation #annulation,
#reservation .seance,
#reservation #coordonnees,
#reservation #modes_reservation,
#reservation .confirmation,
#reservation .retrait,
#reservation .reservation,
#reservation #carte_lepass,
#reservation #nb_places,
#reservation #paiement,
#reservation #carte_permanente
{
		clear: both;
	float: left;
	width: 920px;
	padding: 15px;
}

#reservation .seance
{
	background: #eaeaea;
}

#reservation .seance img
{
		float: left;
	margin: 8px;
}
#reservation .seance img.nouveaute,
#reservation .seance img.avant_premiere {
	margin: 2px;
}

#reservation .seance .informations
{
		float: left;
	margin-left: 10px;
	width: 790px;
}

#reservation .seance .informations p
{
		margin: 3px 0;
}

#reservation .seance .informations ul.reglements {
	list-style-position: outside;
}

#reservation .seance .informations li.reglement {
	margin-left: 15px;
}

#reservation .seance .informations .numero
{
		color: #f30;
}

#reservation .seance .informations ul
{
	margin: 5px 0;
	padding: 0;
	list-style: square inside;
	font-weight: bold;
}

#reservation .seance .informations ul.actions
{
	margin: 15px 0 0;
	list-style: none outside;
	font-weight: normal;
}

#reservation .seance .informations a
{
	color: #000;
}

#reservation .seance .informations p.info3d {
	color: #ff0000;
	margin-top: 0px;
}

#reservation #coordonnees
{
	background: #fff;
}

#reservation #coordonnees div
{
	float: left;
	width: 350px;
}

#reservation #coordonnees p
{
	float: left;
	width: 550px;
	padding: 10px;
	font-size: 10px;
}

#reservation .mode_reservation
{
		float: left;
	width: 130px;
	height: 140px;
	padding: 0 5px;
	border-right: 1px solid #979696;
}

#reservation .mode_reservation#mode_reservation_cb,
#reservation .mode_reservation#mode_reservation_nplaces {
	width: 165px;
}

#reservation .mode_reservation img,
#reservation .mode_reservation p
{
		clear: both;
	float: left;
}

#reservation .mode_reservation img
{
	margin: 5px 0 0 -3px;
	float: none;
}

#reservation .mode_reservation p
{
	width: 200px;
	margin: 5px 0 0 20px;
}

#reservation .mode_reservation img.nouveaute {
	margin: 8px 0 0 -5px;
}

#reservation #modes_reservation .fin
{
	border: 0;
}

#reservation #total div
{
	float: left;
}

#reservation #total .label
{
	width: 110px;
	padding: 3px 0;
	font-weight: bold;
}

#reservation #total .nb_places
{
	width: 64px;
	padding: 3px 0 3px 14px;
	font-weight: bold;
}

#reservation .total
{
	display: block;
	float: left;
	width: 70px;
	height: 12px;
	color: #000;
	margin: 0 0 0 20px;
	//margin: 0 0 0 24px;
	padding: 5px 0 5px 2px;
	text-align: center;
}

#reservation #total .total
{
	background: #f73100;
	color: #fff;
	margin: 0 0 0 20px;
	padding: 5px 0;
}

#reservation .reservation
{
		background: #eaeaea;
}

#reservation .reservation
{
		padding-bottom: 0;
}

#reservation .en_savoir_plus
{
	clear: both;
	float: left;
	background: #eaeaea;
		width: 930px;
	list-style: none;
	margin: 10px 0 0;
	padding: 7px 0 7px 20px;
}

#reservation .en_savoir_plus li
{
	float: left;
	margin: 0 30px 0 0;
}

#reservation .en_savoir_plus li a
{
		color: #3e3e3e;
}

#reservation #carte_lepass .aide
{
	float: left;
	display: block;
	width: 175px;
	padding: 4px 0 0 5px;
}

#reservation .confirmation .message
{
		clear: both;
	float: left;
	width: 750px;
}

#reservation .confirmation .message p
{
	padding: 5px 0;
}

#reservation .confirmation .erreur p
{
	height: 150px;
}

#reservation .confirmation a.imprimer
{
	float: left;
	width: 125px;
	background: transparent url("../img/interface/pictos/imprimer_2.gif") left center no-repeat;
	padding: 0 0 0 20px;
	color: #272727;
}

#reservation .confirmation span.alerte
{
		color: #f30;
	font-weight: bold;
}

#reservation .retrait p {
	margin-bottom: 7px;
}

#reservation .retrait p.condition
{
	font-size: 10px;
	color: #7f7f7f;
	margin-bottom: 0px;
}

#reservation ul.autres_reservations
{
		clear: both;
	float: left;
	background: #575757;
	width: 920px;
	margin: 0;
	padding: 7px 15px;
		list-style: none;
}

#reservation ul.autres_reservations li
{
	float: left;
	background: url("../img/interface/puces/puce_fleche_blanche.gif") left center no-repeat;
	margin: 0 60px 0 0;
	padding: 0 0 0 15px;
}

#reservation ul.autres_reservations li a
{
		color: #fefefe;
}

#reservation div.retour_accueil
{
		clear: both;
	float: left;
	width: 920px;
	background: #eaeaea;
	padding: 10px 15px;
}

#reservation div.retour_accueil a
{
	background: url("../img/interface/puces/puce_fleche_grise.gif") left center no-repeat;
	padding: 0 0 0 15px;
	color: #414141;
}

#reservation #nb_places p,
#reservation #carte_permanente p
{
	margin: 5px 0;
}

#reservation #paiement .cartes
{
	padding: 5px 0 10px;
}

#reservation #paiement .ligne strong
{
	float: left;
	display: block;
	margin: 4px 5px 0;
	font-size: 12px;
}

#reservation form .conditions
{
	width: 930px;
}

#reservation form .conditions label a
{
	color: #3e3e3e;
}
#reservation form .conditions img
{
	margin: 0px;
}

#reservation form .conditions .valider
{
	float:none;
}

#reservation form .conditions label.checkbox
{
	width: 350px;
	height: auto;
}

#reservation .error_carte {
	display:block;
	float:left;
	padding:4px 0 4px 0;
	color: red;
	font-weight: bold;
}

#reservation .griser, #reservation .griser label {
	color: #808080;
}

#reservation p.standard {
	float: left;
	margin: 10px 0 0 16px;
}

#reservation #nb_accompagnants {
	float: left;
	margin: 5px 15px;
}

#reservation #nb_accompagnants input {
	width: 30px;
}

#reservation #nb_accompagnants span {
	float: left;
	display: block;
	padding: 3px 2px 0 4px;
}

#reservation #carte_lepass .feedback {
	display:block;
	float:left;
	padding:4px 0pt 0pt 5px;
	width:300px;
	color: red;
	font-weight: bold;
}
#reservation #carte_lepass .feedback img {
	float:left;
	margin: -2px 4px 0 0;
}

#reservation .ligne_erreur {
	background:#FF2020 none repeat scroll 0%;
	clear:both;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	margin:0pt;
	padding:7px;
	width:936px;
}

#reservation .ligne_erreur a {
	color:#FFFFFF;
}

#reservation .confirmation .erreur p {
	height:auto;
}

#av_accompagnant {
	width: 900px;
}

.info_carte .ligne {
	width: 800px;
}

#reservation #resa_mode_lucky .txt_info_lucky
{
	float:left;
	margin-top:25px;
	margin-left:12px;
}

#reservation .seance .bloc_form
{
	clear:both;
	padding-top:6px;
}

#reservation .seance .bloc_form label
{
	width:100px;
}

#reservation .seance .bloc_form .champ
{
	float:left;
}

#reservation .seance .btn_valider
{
	clear:both;
	width:auto;
	margin-left:105px;
	margin-top:6px;
}


/* Nb places CB : */
#reservation #nb_places .formulaire {
	/* width: 500px; */
}
#reservation #nb_places .ligne {
	clear: none;
	margin-left: 10px;
	margin-right: 10px;
	width: 145px;
}
#reservation #nb_places .ligne label {
	padding-left: 3px;
	width: 145px;
}
#reservation .ligne_fid {
	clear: both;
	margin: 5px 10px;
	float: left;
}
/*
#reservation #nb_places .ligne select.tarif {
	clear: left;
}
*/
#reservation #nb_places .ligne .total {
	margin-left: 0;
	padding: 3px 0 5px 0px;
}
#reservation #nb_places .justificatif {
	color: red;
}
#reservation #nb_places div.justificatif {
	clear: both;
	font-weight: bold;
	padding-top: 10px;
}
#reservation #nb_places #total.ligne {
	clear: both;
	margin-top: 20px;
	width: auto;
}
#reservation #nb_places .formulaire p.limite {
	width: 500px;
}
#reservation #nb_places .formulaire div.boutons {
	width: 500px;
}

/* reservation événements */

#reservation .evenement #entete_reservation ul {
	background-image: url(../img/evenement/fil_reservation.gif);
}

#reservation .evenement #entete_reservation ul li.etape_1,
#reservation .evenement #entete_reservation ul li.etape_1 strong,
#reservation .evenement #entete_reservation ul li.etape_2,
#reservation .evenement #entete_reservation ul li.etape_2 strong,
#reservation .evenement #entete_reservation ul li.etape_3,
#reservation .evenement #entete_reservation ul li.etape_3 strong,
#reservation .evenement #entete_reservation ul li.etape_4,
#reservation .evenement #entete_reservation ul li.etape_4 strong {
	width: 158px;
	height:27px;
	float:left;
}

#reservation .evenement #entete_reservation ul li.etape_1 strong {
	background: transparent url(../img/evenement/fil_reservation.gif) no-repeat scroll 0px -27px;
}
#reservation .evenement #entete_reservation ul li.etape_2 strong {
	background: transparent url(../img/evenement/fil_reservation.gif) no-repeat scroll -158px -27px;
}
#reservation .evenement #entete_reservation ul li.etape_3 strong {
	background: transparent url(../img/evenement/fil_reservation.gif) no-repeat scroll -316px -27px;
}
#reservation .evenement #entete_reservation ul li.etape_4 strong {
	background: transparent url(../img/evenement/fil_reservation.gif) no-repeat scroll -474px -27px;
}

#reservation .confirmation .message p.confirm {
	background: transparent url(../img/evenement/icone-ok.png) no-repeat scroll left center;
	padding-left: 20px;
	font-weight: bold;
	color: #ff6600;
}

#reservation #section_nombre_places {
	clear: left;
	padding: 15px 0px;
}

#reservation #ajax_loading, #reservation .ajax_loading {
	float: left;
	margin: 2px;
}

#reservation #lunettes {
	clear: both;
	background-color: #fef6d8;
	margin: 10px;
	padding: 10px;
}

#reservation #lunettes #lunettes_visuel {
	float: left;
	margin: 10px 10px 10px 0;
}

#reservation #lunettes #lunettes_description {
	margin-left: 100px;
}

#reservation #nb_places #lunettes label, #reservation #lunettes label {
	width: auto;
	float: none;
}

#reservation #lunettes select {
	float: none;
}
#reservation #nb_places #lunettes p, #reservation #lunettes p {
	float: none;
}

#reservation #lunettes #lunettes_total {
	padding-left: 10px;
}

#reservation .seance .informations h3 {
	width:auto;
	float:left;
	margin-right:5px;
	margin-bottom: 19px;
	padding-top: 4px;
}

#reservation .seance .informations .inforesa {
	font-size: 12px;
	font-weight: bold;
	clear: left;
}


#reservation .seance .informations .infocinema {
	margin-bottom: 19px;
}


#reservation .seance .informations img.accessibilite {
	margin: 5px 5px 5px 0;
}

#reservation .seance .informations ul.actions img {
	float: none;
	margin: 0px;
}

#reservation div#corps .seance .informations div.pictos_droite {
	float:left;
	width:auto;
	min-height:40px;
	padding: 2px 5px;
}

#reservation .seance .informations .pictos_droite img {
	clear:right;
	float:right;
	margin: 0px;
}


#reservation .seance .label img {
	float:none;
	margin: 0px;
}

#reservation .visuels img {
	float:none;
	display:block;
	margin:0 0 1px;
}

#reservation .visuels {
	float:left;
	margin-top: 5px;
}

#reservation .seance .avertissement img {
	float: none;
	margin: 0px;
}

#reservation #coordonnees .ligne_optin {
	clear: both;
	width: 400px;
}

#reservation #coordonnees .ligne_optin input {
	width: auto;
}

#reservation #coordonnees .ligne_optin label {
	width: 350px;
}

#reservation #carte_lepass #pass_cg_1, #reservation #carte_lepass #pass_cg_2 {
	display: none;
	font-weight: bold;
	background-color:#EAEAEA;
	padding: 5px;
}

#reservation #carte_lepass #pass_cg_1, #reservation #carte_lepass #pass_cg_2 {
	color: #3E3E3E;
}

#reservation .resa_limitee input
{
	margin : 20px 0 0 30px;
	float:none;
}
#reservation .resa_limitee .carte
{
	float:left;
	width:120px;
}

#reservation input.valider_promo
{
	width: auto !important;
	margin-top: 5px;
}

#reservation .resa_promo
{
	clear:both;
	float:left;
	padding:15px;
	width:920px;
}
#reservation .resa_promo p
{
	font-weight: bold;
	margin-bottom : 5px;
}

#reservation .resa_promo input
{
	float:none;
	margin-left : 10px;
}

#reservation #promo_cineday
{
	display : none;
}

#reservation .logo_cineday
{
		font-size: 22px;
		float:left;
		margin: 4px 0;
}
#reservation .logo_cineday .orange,.orange_cineday
{
	color: #FF6600;
}
#reservation .promo_cineday .description
{
	float: left;
		font-weight: bold;
		margin: 10px 40px;
}

#reservation .promo_cineday .information
{
	clear:left;
	margin-bottom : 5px;
}
#reservation .promo_cineday input
{
	float:none;
}

#reservation #carte_lucky{
	clear : both;
}
#reservation #carte_lucky img{
	float : left;
}
#reservation #carte_lucky p{
	margin-left:100px;
	padding-top:25px;
}

#reservation #annulation {
	background:none repeat scroll 0 0 #FFFFFF;
}
#reservation #annulation label {
	color:red;
	font-weight:bold;
	text-align:right;
	width:170px;
	padding-right:5px;
}

#reservation #entete_reservation ul.demat
{
	background:  url("../img/interface/navigation/fil_reservation_demat.gif") top left no-repeat;
}


#reservation #entete_reservation ul.demat li.etape_1 strong
{
	background:  url("../img/interface/navigation/fil_reservation_demat.gif") 0 -27px no-repeat;
}


#reservation #entete_reservation ul.demat li.etape_2 strong
{
	background:  url("../img/interface/navigation/fil_reservation_demat.gif") -212px -27px no-repeat;
}

#reservation #entete_reservation ul.demat li.etape_3 strong
{
	background:  url("../img/interface/navigation/fil_reservation_demat.gif") -444px -27px no-repeat;
}

#reservation #annulation .ligne{
	width:100%;
}

#reservation #annulation .strong{
	font-weight: bold;
}

#reservation #annulation .ligne p{
	color:grey;
	float:left;
	padding-left:10px;
	width:400px;
}
#reservation #annulation .boutons{
	margin-left:175px;
}

#reservation #annulation ul.bandeau{
	padding-top:25px;
	clear:both;
	width:780px;
	margin:auto;
	padding:30px 0 0;
}

#reservation #annulation .bandeau li{
	list-style:none;
	width:260px;
	height:50px;
	float:left;
	background:  url("../img/reservation/annulation/barre.png") no-repeat;
	text-align: center;
	color : #EAEAEA;
	font-size:12px;
}

#reservation #annulation li span{
	color:#FFCF00;
	font-size:13px;
	font-weight:bold;
}

#reservation #annulation #information{
	border:1px solid #e8e8e8;
	clear:both;
	margin:0 auto 30px ;
	padding:10px;
	background:  url("../img/reservation/annulation/fond_annulation.png");
	background-repeat: repeat-x;
	background-position: bottom;
	width:760px;
}

#reservation #annulation ul.link {
	margin:15px 0px 0px;
	padding:0;
}

#reservation #annulation .link li{
	list-style:none;
	width:300px;
	float:left;
}

#reservation #annulation .link a{
	text-decoration:none;
	float:left;
	color : #777777;
	font-size:12px;
}

#reservation #envois_sms{
	background-color: white;
	padding:0px;
	width:auto;
}
#reservation #envois_sms .spacer{
	clear:both;
	height: 15px;
}

#reservation #envois_sms .type_tel{
	float:left;
	text-align: center;
	padding-right:60px;
}
#reservation #envois_sms .tel{
	font-size:20px;
	width:180px;
	float:left;
}
#reservation #envois_sms .valider{
	clear:none;
	float:left;
	margin:6px 25px;
}
#reservation #envois_sms .intro{
	background-color: #F1EFFF ;
	margin-top:15px;
	padding:5px 15px;
}
#reservation #envois_sms .content{
	padding:15px;
}
#reservation #envois_sms .envois_ok {
	background-image: url("../img/sms/ok.jpg");
		background-position: left top;
		background-repeat: no-repeat;
		float: left;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 0 0 70px;
		margin-bottom: 15px;
}
#reservation #envois_sms .envois_ok_info {
	background-image:url("../img/sms/info.jpg");
		background-position: left top;
		background-repeat: no-repeat;
		float: left;
		padding: 10px 0 0 70px;
		color: grey;
		margin-bottom: 15px;
}
#reservation #envois_sms .envois_ok_nb {
		float: left;
		padding: 10px 0 0 70px;
		color: grey;
		margin-bottom: 15px;
		font-style: italic;
}
#reservation div div#corps div#bloc_no_cookie{
		background-color: #FFFFCC;
		clear: both;
		display: none;
		font-size: 14px;
		font-weight: bold;
		height: 60px;
		padding-top: 20px;
		text-align: center;
		width: 950px;
}
#reservation div div#corps div#bloc_no_cookie{
		background-color: #FFFFCC;
		clear: both;
		font-size: 14px;
		font-weight: bold;
		height: 60px;
		padding-top: 20px;
		text-align: center;
		width: 950px;
}
#reservation div div#corps div#bloc_no_cookie a{
		text-decoration: none;
}

/* Seating */

#reservation div.programmationSeating
{
	width: 100%;
	float: left;
	position: relative;
	padding-bottom: 2ex;
}

#reservation div.programmationSeating > p
{
	width: 400px;
}

#reservation div#corps div.programmationSeating div.programmationSeatingMini
{
	height: 150px;
	width: 450px;
	margin: 10px;
	padding: 5px;
	border: 1px solid #BBB;
	float: right;
	position: relative;
	cursor: pointer;
}

div.programmationSeatingMini span.programmationLoader
{
	background: url('../img/reservation/placement/spinner.gif') no-repeat center;
	z-index: 9;
	width: 100%;
	height: 100%;
	position: absolute;
}

#reservation div.programmationSeating p
{
	float: left;
}

#reservation p.new
{
	font-size: 1.2em;
	font-weight: bold;
	float: none;
	clear: both;
	padding: 5px 10px;
}

#reservation div.programmationSeating p.filmTitle
{
	margin: 5px 10px 0;
	color: #0056A8;
	float: none;
	font-size: 1.4em;
	font-weight: bold;
}

#reservation hr
{
	clear: both;
	border: 1px solid #A3A3A3;
	margin: 5px 0;
}

#reservation div.programmationSeating p.filmTitle a
{
	color: #0056A8;
}

#reservation div.programmationSeating p.progDate
{
	font-size: 1.1em;
	margin: 0 10px;
	float: none;
}

#reservation div.programmationSeating div.seats
{
	padding-left: 50px;
	min-height: 42px;
	margin-top: 10px;
	margin-left: 15px;
	background: url('../img/reservation/placement/deco.png') no-repeat left top;
	font-size: 1.1em;
}

#reservation ul.programmationSeatingList, #reservation ul.programmationSeatingList ul.row
{
	list-style: none;
	margin: 0;
	padding: 0;
	clear: left;
}

#reservation ul.programmationSeatingList
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 5px;
}

#reservation ul.programmationSeatingList li
{
	line-height: 1em;
	font-size: 0px;
}

#reservation ul.programmationSeatingList ul.row li
{
	float: left;
	overflow: hidden;
	text-indent: 10px;
}

#reservation div.programmationSeatingMini ul.programmationSeatingList li
{
	height: 8px;
}

#reservation div.programmationSeatingMini ul.programmationSeatingList ul.row li
{
	width: 8px;
	height: 8px;
}

#reservation div.programmationSeatingMini img
{
	position: absolute;
	bottom: 0;
}

/* Placement frame display */

#reservation div#TB_window #TB_ajaxContent
{
	background: #EFEFEF;
}

#reservation div#TB_window div.seance
{
	background: black;
	color: white;
	width: 500px;
	padding: 0;
}

#reservation div#TB_window img.film
{
	float: left;
}

#reservation div#TB_window h2
{
	float: none;
	clear: none;
	margin-left: 100px;
	background: transparent url('../img/reservation/placement/ligne.png') repeat-x left bottom;
	width: 398px;
	padding: 10px 0 18px;
	color: white;
	font-size: 1.2em;
	margin-bottom: 5px;
}

#reservation div#TB_window p
{
	padding: 2px;
}

#reservation div#TB_window ul.programmationSeatingList li
{
	height: 15px;
	position: relative;
	line-height: 1em;
	font-size: 0px;
}

#reservation div#TB_window ul.programmationSeatingList ul.row li
{
	width: 13px;
	height: 13px;
	padding: 1px;
	text-indent: 20px;
}

#reservation div#TB_window div.warning
{
	width: 400px;
	float: left;
	margin-left: 10px;
}

#reservation div#TB_window div.warning p
{
	font-size: 0.9em;
	font-weight: bold;
}

#reservation div#TB_window div.warning ol
{
	font-size: 1.3em;
	color: #A71E33;
	font-weight: bold;
	margin: 0;
}

#reservation div#TB_window div.warning ol li span
{
	font-size: 0.7em;
	color: black;
	font-weight: normal;
}

#reservation ul.programmationSeatingList ul.row li.enabled, #reservation ul.programmationSeatingList ul.row li.disabled, .programmationSeating ul.legend li.enabled
{ background: url('../img/reservation/placement/dispo_mini.jpg') no-repeat left top; }

#reservation ul.programmationSeatingList ul.row li.locked, .programmationSeating ul.legend li.locked
{ background: url('../img/reservation/placement/non_dispo_mini.jpg') no-repeat left top; }

#reservation div.programmationSelectedPlaces span
{ background: url('../img/reservation/placement/selection_mini.jpg') no-repeat left top; }
.programmationSeating ul.legend li.selected
{ background: url('../img/reservation/placement/selection_mini.jpg') no-repeat left; }

#reservation div#TB_window ul.programmationSeatingList ul.row li.enabled, ul.legend li.enabled
{ background: url('../img/reservation/placement/dispo.jpg') no-repeat left top; }

#reservation div#TB_window ul.programmationSeatingList ul.row li.disabled
{ background: url('../img/reservation/placement/non_dispo.jpg') no-repeat left top; }

#reservation div#TB_window ul.programmationSeatingList ul.row li.locked, ul.legend li.locked
{ background: url('../img/reservation/placement/reserve.jpg') no-repeat left top; }

#reservation div#TB_window ul.programmationSeatingList ul.row li.selected, ul.legend li.selected, #reservation div#TB_window ul.programmationSeatingList ul.row li.current
{ background: url('../img/reservation/placement/selection.jpg') no-repeat left top; }

#reservation div#TB_window ul.programmationSeatingList ul.row li.highlight:hover
{
	border: 1px solid #C44;
	padding: 0;
}

#reservation ul.selectedPlaceList
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#reservation div.programmationSelectedPlaces
{
	position: absolute;
}

#reservation div.programmationSelectedPlaces span
{
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
}

#reservation div.programmationSeating p.update
{
	clear: left;
	margin: 10px 0 0 15px;
}

#reservation div.programmationSeating p.update a
{
	color: #0056A8;
	padding-left: 20px;
	background: url('../img/reservation/placement/puce.png') no-repeat left;
	font-size: 1.1em;
}

#reservation div#placeSelectionResult
{
	float: right;
	margin: 10px;
	border: 1px solid #DDD;
	width: 150px;
}

#reservation div#placeSelectionResult h3
{
	background: #707174;
	color: white;
	text-align: center;
}
#reservation div#placeSelectionResult #placeSelectionFeedback
{
	height: 180px;
	width: 146px;
}

#reservation div#placeSelectionResult #placeSelectionFeedback ul
{
	padding: 0;
	list-style: none;
	margin: 0;
}

#reservation div#placeSelectionResult #placeSelectionFeedback ul li
{
	font-size: 0.9em;
	line-height: 1.4em;
	padding-left: 10px;
}

#reservation div#placeSelectionResult #programmationSeatingClose
{
	font-size: 0.9em;
	color: black;
	text-align: center;
	display: block;
	line-height: 1.1em;
}

#reservation div#placeSelectionResult #placeSelectionFeedback.loading
{
	background: url('../img/reservation/placement/spinner.gif') no-repeat center;
}

#reservation div#placeSelectionResult #placeSelectionFeedback p
{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
}

#reservation div#placeSelectionResult #placeSelectionFeedback p.error
{
	color: #A71E33;
}

#reservation div#selectedPlaceIndicator
{
	position: absolute;
}

#reservation div#selectedPlaceIndicator span
{
	width: 13px;
	height: 13px;
	padding: 1px;
	display: block;
	position: absolute;
	background: url('../img/reservation/placement/selection.jpg');
}

div#programmationSeatingDisplay
{
	position: relative;
	clear: left;
	float: left;
	background: white;
	margin-top: 10px;
	height: 235px;
	width: 100%;
	border: 1px solid;
	padding-bottom: 40px;
}

a#programmationSeatingValidate img
{
	display: block;
	margin: 0 auto;
}

ul.legend li
{
	display: inline;
	padding-left: 10px;
	margin-right: 10px;
}

.programmationSeating ul.legend
{
	position: absolute;
	bottom: 1ex;
	right: 0;
	padding: 0;
	margin: 0;
}

#programmationSeatingDisplay ul.legend
{
	bottom: 0;
	margin: 0;
	padding-left: 5px;
	position: absolute;
}

#programmationSeatingDisplay ul.legend li
{
	padding-left: 16px;
	margin-right: 15px;
}

#programmationSeatingDisplay p#bigMapScreen
{
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 0;
	margin: 0;
	display: none;
}

#programmationSeatingDisplay p#bigMapScreen span, #reservation div.programmationSeatingMini span.screen
{
	color: #333;
	position: absolute;
	width: 100%;
	text-align: center;
	font-variant: small-caps;
	bottom: 5px;
	font-size: 1.3em;
	font-weight: bold;
}