/******************************************************************************/
/*                                 compChoixSurPlan                          */
/******************************************************************************/

.compChoixSurPlan {
    border-collapse:collapse;
    font-size:11px;
    margin-top:5px;
    padding:0;
    width:680px;
    margin: auto;
    border: none;
}
.compChoixSurPlan .mapRoom .nbAvailableSeats,
.compChoixSurPlan .mapRoom.roomSection .mapCoordinates {
	width: 280px;
}

.compChoixSurPlan .headerComposants {

}
.compChoixSurPlan .headerComposants .footerComposants {
}
.compChoixSurPlan .headerComposants .footerComposants .contentComposants {
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .topContentComposants {
}
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
}
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background: url('../image/bg_content.gif') repeat-x left bottom !important;
    padding: 0 !important;
    border: none !important;
    width:100% !important;
}
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .header {
    background:url('../image/bg_tetiere_moncompte.gif') repeat-x left center;
    color:#FFFFFF;
    font-size:11px !important;
    padding:3px;
    text-align:left;
    display:block;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .parametersFieldset {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .loading em {
	display:	block;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .mapRoom-global3D {
	overflow:	auto;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .mapRoom-global3D .title {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .roomSectionName {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .roomSectionName .roomSectionId {
	margin-left:	5px;
	font-weight:	normal;
	font-size:		0;
	color:			#555;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .roomSectionName .roomSectionId var,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .roomSectionName .roomSectionId span {
	margin:		0;
	padding:	0;
	font-style:	normal;
	font-size:	15px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .mapRoom-global,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .mapRoom-roomSection {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .mapRoom-global {
	background-color:	#fff;
	padding:			20px;
	text-align:			center;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .mapRoom-global strong.title {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .mapRoom-global img {
	border:	none;
	color:	#e2017b;
}



.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom {
	position:			relative;
	background-color:	white;
	border:				none;
	font-family:		Arial, Verdana, sans-serif;
	font-size:			12px;
}
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .panelContainer {
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .header {
    background: url("../image/header_panier.gif") repeat-x scroll left center transparent;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 16px;
    padding: 5px;
    position: relative;
    text-align: left;
    text-transform: uppercase;  
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .panelContainer .header {
	display:	block;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .header strong {
	text-transform:	uppercase;
	font-size:		12px;
	font-weight:	bold;
	margin:0;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .template {
	display:	none;
}


.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .notifier {
	display:			none;
	text-align:			center;
	background-color:	white;
	padding:			20px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .notifier p {
	margin:	5px;
}


.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools {
    display:none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .mapRefresh,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .toGlobalMap,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .zoomTools {
	float:	right;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools button {
	cursor:				pointer;
	margin-top:			2px;
	margin-right:		2px;
	color: 				#fff;
	padding:			0;
	position:			relative;
	font-size:			10px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .mapRefresh button {
	background-image:		url(../images/refreshView.gif);
	background-repeat:		no-repeat;
	background-position:	0 0;
	display: none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .mapRefresh.working .action {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .mapRefresh .refreshing {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .mapRefresh.working .refreshing {
	display:	inline;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .toGlobalMap {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .toGlobalMap button {
	background-image:		url(../images/toGlobalMap.gif);
	background-repeat:		no-repeat;
	background-position:	0 0;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .zoomTools {
	display:	none;
	margin:		0 10px;
	padding:	0;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .zoomTools li {
	display:			inline;
	margin:				0;
	list-style-type:	none;
	padding:			0;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .zoomTools button {
	font-size:		10px;
	font-weight:	bold;
	background:		transparent url(zoom.gif) no-repeat 15% 15%;
	text-align:		right;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .zoomTools button span {
	position:	absolute;
	bottom:		11px;
	right:		5px;
}


.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .loading #popup_content {
	padding:	15px 10px;
}
	
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .loading #popup_message {
	padding:	0;
	text-align:	center;
}
	
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .loading #popup_message p {
	margin:		0;
	padding:	5px;
}
	
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .loading #popup_panel {
	display:	none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .mapRoom-global3D {
    overflow: hidden !important;
    background: #33322D;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}



/* Liste des blocs */

.compChoixSurPlan .map-roomSectionsList {
    display:none;
}

.compChoixSurPlan .map-roomSectionsList .body {
	border:			1px solid #ccc;
	border-top:		none;
	background:		#fff url(../image/bg_roomSectionsList_body.png) repeat-x bottom;
}

.compChoixSurPlan .map-roomSectionsList .roomSection button {
	cursor:			pointer;
	width:			100%;
	padding:		4px 0;
	text-align:		left;
	font-weight:	normal;
}




/* Tooltips */

.compChoixSurPlan .tooltips {
	display:	none;
	position:	absolute;
	top:		0;
	right:		0;
	bottom:		0;
	left:		0;
}

.compChoixSurPlan .tooltips .tooltip.roomSection {
	display:	none;
	position:	absolute;
	right:		10px;
	bottom:		10px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom  .tooltips .tooltip.roomSection .title {
	display:	block;
}
#tooltip.roomSection{
    padding: 0 !important;    
}
#tooltip.roomSection .body .title{
    background: url("../image/header_panier.gif") repeat-x scroll left center transparent !important;
    color: #FFFFFF !important;    
}

/*	Blocs */


/*	Apercu */
#tooltip.roomSection img.preview,
.tooltips .tooltip.roomSection img.preview {
	margin:			10px;
	margin-bottom:	5px;
}

/*		Donnees a masquer */
/* 			Quotas */
#tooltip.roomSection .roomSectionNbSeats strong,
.tooltips .tooltip.roomSection .roomSectionNbSeats strong,
#tooltip.roomSection .roomSectionSoldSeats,
.tooltips .tooltip.roomSection .roomSectionSoldSeats,
#tooltip.roomSection .roomSectionSeatsInCart,
.tooltips .tooltip.roomSection .roomSectionSeatsInCart,
#tooltip.roomSection .roomSectionSubscriptionSeats,
.tooltips .tooltip.roomSection .roomSectionSubscriptionSeats,
#tooltip.roomSection .roomSectionKeptSeats,
.tooltips .tooltip.roomSection .roomSectionKeptSeats,
/*			Tarifs */
#tooltip.roomSection .showPrices .plural,
.tooltips .tooltip.roomSection .showPrices .plural,
#tooltip.roomSection .showPrices .label,
.tooltips .tooltip.roomSection .showPrices .label {
		display:	none !important;
}

/* Positions des sections */
#tooltip.roomSection .rightBlock,
.tooltips .tooltip.roomSection .rightBlock {
	padding-top:	5px;
}

#tooltip.roomSection .rightBlock .showPrices,
.tooltips .tooltip.roomSection .rightBlock .showPrices,
#tooltip.roomSection .rightBlock .showPrices .priceLine,
.tooltips .tooltip.roomSection .rightBlock .showPrices .priceLine,
#tooltip.roomSection .rightBlock .showState,
.tooltips .tooltip.roomSection .rightBlock .showState {
		clear:	none;
}

/* Etats */
#tooltip.roomSection .rightBlock .showState,
.tooltips .tooltip.roomSection .rightBlock .showState {
	padding:	0;
}
#tooltip.roomSection .body .rightBlock .showState ul li.roomSectionNbSeats span,
.tooltips .tooltip.roomSection .body .rightBlock .showState ul li.roomSectionNbSeats span {
		font-weight:	normal;
}
#tooltip.roomSection .body .rightBlock .showState ul li.roomSectionAvailableSeats strong,
.tooltips .tooltip.roomSection .body .rightBlock .showState ul li.roomSectionAvailableSeats strong,
#tooltip.roomSection .body .rightBlock .showState ul li.roomSectionAvailableSeats span,
.tooltips .tooltip.roomSection .body .rightBlock .showState ul li.roomSectionAvailableSeats span {
		font-weight:	bold;
}


/* Tarifs */
#tooltip.roomSection .showPrices ul,
.tooltips .tooltip.roomSection .showPrices ul,
#tooltip.roomSection .showPrices ul li,
.tooltips .tooltip.roomSection .showPrices ul li {
		display:	inline;
}
#tooltip.roomSection .body .showPrices .priceLine .price,
.tooltips .tooltip.roomSection .body .showPrices .priceLine .price {
		float:	none;
}

#tooltip.roomSection .showPrices strong,
.tooltips .tooltip.roomSection .showPrices strong {
		text-transform:	uppercase;
}

compChoixSurPlan .layers {
    -moz-box-shadow: 0 0 20px #CCCCCC;
    -webkit-box-shadow: 0 0 20px #CCCCCC;
}

#tooltip.roomSection .body .showPrices.empty { display: none; }

.compChoixSurPlan .mapRoom-roomSection .gridBox .canvasHolder {
	max-width: 680px;
}