@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.link {
  cursor: pointer;
}

.details {
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 610px;
  background: white;
  display: none;
	border:solid 2px #000;
	padding-top:40px;
	z-index:102;
}
.details#confirmationRes {
	height: 610px;
}
.details#confirmationRes, .details#resSuccess, .details#resIssue {
  z-index: 999;
}
.details#searchUser {
    padding-top: 65px;
}
.details#details .content {
    overflow-y: auto;
	height:510px;
}
.details .closeDetails {
  position: absolute;
  top: 0;
  left: 5px;
}
.details .closeDetails.btn {
  position: relative;
  top: auto;
  right: auto;
}

.details#confirmationRes button.btn-submit,
.details#askConfirmation button.btn-submit {
	background-color:#0A0;
	color:#fff;
}
.details#confirmationRes button.btn-reset,
.details#askConfirmation button.btn-reset {
	background-color:#F00;
	color:#fff;
}


#app {
  background-color: #ffffff;
  margin: 0 auto;
  width: 800px;
  height: 670px;
  position: relative;
}
#app > .titre {
	margin-top:20px;
	height:50px;
}
#app > .titre h1,
#app > .titre2 h1 {
	color:#000;
}
#app > .titre2 {
	margin-top:20px;
	margin-bottom:20px;
}
#app > .titre2 p {
	color:#000;
	font-size:14px;
	padding:0;
	margin:0;
}
#app #zonePlan {
  width: 800px;
  height: 400px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: white;
  display: none;
	z-index:101;
}
#app #zonePlan.FO,
#app #zonePlan.SA3,
#app #zonePlan.SA2,
#app #zonePlan.SA1,
#app #zonePlan.Z4,
#app #zonePlan.Z3,
#app #zonePlan.Z2,
#app #zonePlan.Z1 {
	width: 800px;
	height: 554px;
}
#app #zonePlan #plan {
  position: absolute;
  top: 60px;
  left: 0;
  background: none;
}
#app #zonePlan #plan path {
  fill: #fff;
  stroke:#000;
	stroke-width: 1;
}
#app #zonePlan #plan path:hover {
  fill: #000;
  cursor: pointer;
}
#app #zonePlan #plan path.booked {
  fill: rgba(0, 0, 0, 0.4);
}
#app #zonePlan #plan path.booked.vip {
  fill: #fff533;
}
#app #zonePlan #plan path.vip {
  fill: #fff533;
}
#app #zonePlan .closePlan {
  position: absolute;
  top: 0;
  left: 5px;
}
#app #searchUser .content {
  height: 430px;
  overflow-y: auto;
}

.description {
  pointer-events: none;
  position: absolute;
  font-size: 16px;
  text-align: center;
  background: white;
  padding: 8px 12px;
  min-height: 30px;
  line-height: 30px;
  margin: 0 auto;
  color: #21669e;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #eee;
  transform: translateX(-50%);
  display: none;
	z-index:103;
}
.description.active {
  display: block;
}
.description:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
}
.cache {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
	background-color: #fff;
	text-align: center;
	z-index:100;
}
.loading {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
  padding-top: 200px;
}
.loading svg:hover {
  cursor: pointer;
}


/* TFPROD */
/* ajout graphique */
.salle {
	/*border-bottom:1px solid #000 !important;
	height:55px;*/
}
.zone {
	color:#fff;
	font-weight:bolder;
	position:absolute;
	top:0;
	left:0;
}
#FO {
	background:none;
	width: 290px;
	height: 170px;
	top: 155px;
	left: 223px;
}
#SA1 {
	background:none;
	width: 460px;
	height: 80px;
	top: 400px;
	left: 170px;
}
#SA1.bis {
	background:none;
	width: 80px;
	height: 60px;
	top: 334px;
	left: 545px;
}
#SA2 {
	background:none;
	width: 235px;
	height: 77px;
	top: 7px;
	left: 290px;
}
#SA2.bis {
	background:none;
	width: 80px;
	height: 80px;
	top: 63px;
	left: 550px;
}
#SA3 {
	background:none;
	width: 119px;
	height: 77px;
	top: 7px;
	left: 170px;
}
h1 {
	text-align:center;
	font-weight:bold;
	font-size:18px;
	padding-bottom:10px;
	border-bottom:solid 1px #000;
}
.titre {
	font-size:18px;
	color:#fff;
	margin-bottom:0 !important;
	padding-top: 5px;
}
#zonePlan #planGlobal {
	width: 100%;
	height: 100%;
	position: relative;
	background:none;
	top:0;
}


#zonePlan.FO .titre {
	background-color:grey;
}
#zonePlan.FO #planGlobal {
	border:solid 4px grey !important;
	background:url('../images/bckgrd_plan_FO_fr.jpg') no-repeat;
}
body.langen #zonePlan.FO #planGlobal {
	background:url('../images/bckgrd_plan_FO_en.jpg') no-repeat;
}
body.langpt #zonePlan.FO #planGlobal {
	background:url('../images/bckgrd_plan_FO_pt.jpg') no-repeat;
}
body.langpl #zonePlan.FO #planGlobal {
	background:url('../images/bckgrd_plan_FO_pl.jpg') no-repeat;
}
#zonePlan.FO #planGlobal #plan {
	top:0px;
	left:0px;
}

#zonePlan.SA1 .titre {
	background-color:#ffff00;
	color:#000;
}
#zonePlan.SA1 #planGlobal {
	border:solid 4px #ffff00 !important;
	background:url('../images/bckgrd_plan_SA1_fr.jpg') no-repeat;
}
body.langen #zonePlan.SA1 #planGlobal {
	background:url('../images/bckgrd_plan_SA1_en.jpg') no-repeat;
}
body.langpt #zonePlan.SA1 #planGlobal {
	background:url('../images/bckgrd_plan_SA1_pt.jpg') no-repeat;
}
body.langpl #zonePlan.SA1 #planGlobal {
	background:url('../images/bckgrd_plan_SA1_pl.jpg') no-repeat;
}
#zonePlan.SA1 #planGlobal #plan {
	top:0px;
	left:0px;
}

#zonePlan.SA2 .titre {
	background-color:#00aaff;
}
#zonePlan.SA2 #planGlobal {
	border:solid 4px #00aaff !important;
	background:url('../images/bckgrd_plan_SA2_fr.jpg') no-repeat;
}
body.langen #zonePlan.SA2 #planGlobal {
	background:url('../images/bckgrd_plan_SA2_en.jpg') no-repeat;
}
body.langpt #zonePlan.SA2 #planGlobal {
	background:url('../images/bckgrd_plan_SA2_pt.jpg') no-repeat;
}
body.langpl #zonePlan.SA2 #planGlobal {
	background:url('../images/bckgrd_plan_SA2_pl.jpg') no-repeat;
}
#zonePlan.SA2 #planGlobal #plan {
	top:0px;
	left:0px;
}

#zonePlan.SA3 .titre {
	background-color:#00aaff;
}
#zonePlan.SA3 #planGlobal {
	border:solid 4px #00aaff !important;
	background:url('../images/bckgrd_plan_SA3_fr.jpg') no-repeat;
}
body.langen #zonePlan.SA3 #planGlobal {
	background:url('../images/bckgrd_plan_SA3_en.jpg') no-repeat;
}
body.langpt #zonePlan.SA3 #planGlobal {
	background:url('../images/bckgrd_plan_SA3_pt.jpg') no-repeat;
}
body.langpl #zonePlan.SA3 #planGlobal {
	background:url('../images/bckgrd_plan_SA3_pl.jpg') no-repeat;
}
#zonePlan.SA3 #planGlobal #plan {
	top:0px;
	left:0px;
}



#zonePlan.Z1 .titre {
	background-color:#e8112d;
}
#zonePlan.Z1 #planGlobal {
	border:solid 4px #e8112d !important;
	background:url('../images/bckgrd_plan_Z1_fr.jpg') no-repeat;
}
body.langen #zonePlan.Z1 #planGlobal {
	background:url('../images/bckgrd_plan_Z1_en.jpg') no-repeat;
}
body.langpt #zonePlan.Z1 #planGlobal {
	background:url('../images/bckgrd_plan_Z1_pt.jpg') no-repeat;
}
body.langpl #zonePlan.Z1 #planGlobal {
	background:url('../images/bckgrd_plan_Z1_pl.jpg') no-repeat;
}
#zonePlan.Z1 #planGlobal #plan {
	top:0px;
	left:0px;
}


#zonePlan.Z2 .titre {
	background-color:#008ed6;
}
#zonePlan.Z2 #planGlobal {
	background:url('../images/bckgrd_plan_Z2_fr.jpg') no-repeat;
	border:solid 4px #008ed6 !important;
}
body.langen #zonePlan.Z2 #planGlobal {
	background:url('../images/bckgrd_plan_Z2_en.jpg') no-repeat;
}
body.langpt #zonePlan.Z2 #planGlobal {
	background:url('../images/bckgrd_plan_Z2_pt.jpg') no-repeat;
}
body.langpl #zonePlan.Z2 #planGlobal {
	background:url('../images/bckgrd_plan_Z2_pl.jpg') no-repeat;
}
#zonePlan.Z2 #planGlobal #plan {
	top:0px;
	left:0px;
}

#zonePlan.Z3 .titre {
	background-color:#b7008e;
}
#zonePlan.Z3 #planGlobal {
	background:url('../images/bckgrd_plan_Z3_fr.jpg') no-repeat;
	border:solid 4px #b7008e !important;
}
body.langen #zonePlan.Z3 #planGlobal {
	background:url('../images/bckgrd_plan_Z3_en.jpg') no-repeat;
}
body.langpt #zonePlan.Z3 #planGlobal {
	background:url('../images/bckgrd_plan_Z3_pt.jpg') no-repeat;
}
body.langpl #zonePlan.Z3 #planGlobal {
	background:url('../images/bckgrd_plan_Z3_pl.jpg') no-repeat;
}
#zonePlan.Z3 #planGlobal #plan {
	top:0px;
	left:0px;
}

#zonePlan.Z4 .titre {
	background-color:#fd8402;
}
#zonePlan.Z4 #planGlobal {
	background:url('../images/bckgrd_plan_Z4_fr.jpg') no-repeat;
	border:solid 4px #fd8402 !important;
}
body.langen #zonePlan.Z4 #planGlobal {
	background:url('../images/bckgrd_plan_Z4_en.jpg') no-repeat;
}
body.langpt #zonePlan.Z4 #planGlobal {
	background:url('../images/bckgrd_plan_Z4_pt.jpg') no-repeat;
}
body.langpl #zonePlan.Z4 #planGlobal {
	background:url('../images/bckgrd_plan_Z4_pl.jpg') no-repeat;
}
#zonePlan.Z4 #planGlobal #plan {
	top:0px;
	left:0px;
}

#zonePlan.Z5 .titre {
	color:#000;
	background-color:#f9e814;
}
#zonePlan.Z5 #planGlobal {
	background:url('../images/bckgrd_plan_Z5_fr.jpg') no-repeat;
	border:solid 4px #f9e814 !important;
}
body.langen #zonePlan.Z5 #planGlobal {
	background:url('../images/bckgrd_plan_Z5_en.jpg') no-repeat;
}
body.langpt #zonePlan.Z5 #planGlobal {
	background:url('../images/bckgrd_plan_Z5_pt.jpg') no-repeat;
}
body.langpl #zonePlan.Z5 #planGlobal {
	background:url('../images/bckgrd_plan_Z5_pl.jpg') no-repeat;
}
#zonePlan.Z5 #planGlobal #plan {
	top: 0px;
	left: 0px;
}

#zonePlan.Z6 .titre,
#zonePlan.Z7 .titre {
	color:#000;
	background-color:#b5b2aa ;
}
#zonePlan.Z6 #planGlobal {
	background:url('../images/bckgrd_plan_Z6_fr.jpg') no-repeat;
	border:solid 4px #b5b2aa  !important;
}
body.langen #zonePlan.Z6 #planGlobal {
	background:url('../images/bckgrd_plan_Z6_en.jpg') no-repeat;
}
body.langpt #zonePlan.Z6 #planGlobal {
	background:url('../images/bckgrd_plan_Z6_pt.jpg') no-repeat;
}
body.langpl #zonePlan.Z6 #planGlobal {
	background:url('../images/bckgrd_plan_Z6_pl.jpg') no-repeat;
}
#zonePlan.Z6 #planGlobal #plan {
	top: 70px;
	left: 10px;
}

#zonePlan.Z7 #planGlobal {
	background:url('../images/bckgrd_plan_Z7_fr.jpg') no-repeat;
	border:solid 4px #b5b2aa !important;
}
body.langen #zonePlan.Z7 #planGlobal {
	background:url('../images/bckgrd_plan_Z7_en.jpg') no-repeat;
}
body.langpt #zonePlan.Z7 #planGlobal {
	background:url('../images/bckgrd_plan_Z7_pt.jpg') no-repeat;
}
body.langpl #zonePlan.Z7 #planGlobal {
	background:url('../images/bckgrd_plan_Z7_pl.jpg') no-repeat;
}
#zonePlan.Z7 #planGlobal #plan {	
	top: 0px;
	left: 0px;
}
#legende {
	position:absolute;
	bottom:-30px;
	left:0;
	text-align:center;
	width: 100%;
}

.reservation {
	font-weight:bold;
	border:solid 4px #f00;
	padding:10px 0;
}
.bckgrd_accueil {
	position:relative;
}
.bckgrd_accueil img {
	max-width:100%;
}
#goToSearch {
	
}
/*# sourceMappingURL=global.css.map */