#tooltip.roomSection .body .showPrices li,
.tooltips .tooltip.roomSection .body .showPrices li {
    list-style-type:    square  !important;
    margin-left:        10px    !important;
    margin-top:         2px     !important;
    margin-bottom:      2px     !important;
}

#tooltip.roomSection .body .showPrices .priceLine .label {
    width:  270px   !important;
}

#tooltip.roomSection .body .loading .loadingImg {
    opacity:                0.6;
    height:                 66px;
    background-image:       none;
    background-position:    center;
    background-repeat:      no-repeat;
}

#tooltip.roomSection .body .loading .loadingImg img {
    display:    none !important;
}

.compChoixSurPlan {}

.compChoixSurPlan .mapRoom {
    clear:          both;
    border:         none;
}

.compChoixSurPlan .mapRoom .body table.main {
    width:  100%;
}


/* Liste des blocs */

.compChoixSurPlan .topContainer {
    clear:  left;
}

.compChoixSurPlan .topContainer .toolPannel .header {
    height:         auto;
    padding:        5px;
    padding-left:   30px;
}

.compChoixSurPlan .topContainer .map-roomSectionsList .header {
    padding-top:    0;
}

.compChoixSurPlan .mapRoom .mapRoom-roomSection {
    margin: 0;
    background: none repeat scroll 0 0 #C0C0C0;
}

.compChoixSurPlan .mapRoom .mapRoom-roomSection .mainContainer {
    width:  auto;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection > .header {
    display:        block;
    border:         none;
    height:         auto;
    line-height:    normal;
    background:     none transparent;
    color:          black;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .roomSectionName {
    padding:    3px 5px;
    width:      312px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .header .title,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .header .nbAvailableSeats {
    padding-left:   5px;
}

.compChoixSurPlan .mapRoom .nbAvailableSeats {
    display:        none;
    margin-left:    15px;
    margin-right:   15px;
    width:          310px;
    padding:        10px;
}

.compChoixSurPlan .mapRoom.roomSection .nbAvailableSeats {
    clear:          left;
    float:          left;
    display:        block;
    font-weight:    normal;
    color:          #717171;
}

.compChoixSurPlan .mapRoom.roomSection.loading .nbAvailableSeats,
.compChoixSurPlan .mapRoom.roomSection.loading .roomSectionName,
.compChoixSurPlan .mapRoom.roomSection.loading .mapCoordinates,
.compChoixSurPlan .mapRoom.roomSection.loading .miniMap,
.compChoixSurPlan .mapRoom.roomSection.loading .gridNotifier {
    display: none !important;
}


    /* Gestion du pluriel */
.compChoixSurPlan .mapRoom.roomSection .nbAvailableSeats .plural {
    display:    none;
}
.compChoixSurPlan .mapRoom.roomSection .nbAvailableSeats.several .plural {
    display:    inline;
}


    /* Grille de sieges */

.compChoixSurPlan .mapRoom-roomSection .gridBox .canvasHolder {
    max-width:  760px;
    max-height: 450px;
    
}

.compChoixSurPlan .mapRoom-roomSection .gridBox {
    max-width:  none;
}

.compChoixSurPlan .mapRoom .miniMap,
.compChoixSurPlan .mapRoom .map-planSalleGrid-pricesCaption {
    display:    none;
}

.compChoixSurPlan .mapRoom .miniMap {
    float:      right;
    clear:      right;
    border:     3px double #969cb4;
}

.compChoixSurPlan .mapRoom .miniMapHolder {
    text-align: left;
    max-width:  330px;
    max-height: 100px;
}

.compChoixSurPlan .mapRoom.roomSection .miniMap,
.compChoixSurPlan .mapRoom.roomSection .map-planSalleGrid-pricesCaption {
    display:    block;
}

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

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .topContainer {
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .topContainer .toolPannel {
    display:    none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .topContainer .left {
    float:  left;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .topContainer .left .map-planSalleGrid-pricesCaption .header {
    float:          left;
    margin:         auto;
    background:     none transparent;
    padding-top:    17px;
    color:          #000;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .topContainer .left .map-planSalleGrid-pricesCaption .header strong {
    font-weight:    normal;
    font-size:      12px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .topContainer .left .map-planSalleGrid-pricesCaption .header .toggle {
    display:    none;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .topContainer .left .map-planSalleGrid-pricesCaption .caption {
    float:          left;
    width:          80%;
    background:     transparent url(../image/showHideButtons.png) -7px -2px no-repeat;
    padding-top:    22px;
    padding-left:   1px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .rightPannels {
    display:    none !important;
}

.compChoixSurPlan .map-planSalleGrid-pricesCaption .caption li {
    list-style-type:    none;
}

.compChoixSurPlan .map-planSalleGrid-pricesCaption .caption li input {
    display:        inline;
    vertical-align: middle;
}

.compChoixSurPlan .map-planSalleGrid-pricesCaption .caption li .symbol {
    display:    none;
}

.compChoixSurPlan .map-planSalleGrid-pricesCaption .caption li label {
    margin-left:    2px;
    padding-top:    0;
    padding-bottom: 6px;
    font-weight:    bold;
}

.compChoixSurPlan .map-planSalleGrid-pricesCaption .caption li.disabled {
    color:              #969696;
    text-decoration:    none;
}


.compChoixSurPlan .mapRoom .mapCoordinates {
    display:            none;
    clear:              left;
    float:              left;
    margin:             10px 20px;
    margin-bottom:      0;
    width:              320px;
    height:             50px;
    color:              #323232;
    padding:            4px;
    text-align:         center;
}

.compChoixSurPlan .mapRoom.roomSection .mapCoordinates {
    display:    block;
}

.compChoixSurPlan .mapRoom .mapCoordinates,
.compChoixSurPlan .mapRoom .mapCoordinates input,
.compChoixSurPlan .mapRoom .mapCoordinates strong {
    font-family:    Arial, sans-serif;
    font-size:      12px;
    font-weight:    bold;
}

.compChoixSurPlan .mapRoom .mapCoordinates.focus {
    background-color:   transparent;
}

.compChoixSurPlan .mapRoom .mapCoordinates.focus span {
    display:    inline;
}

.compChoixSurPlan .mapRoom .mapCoordinates.focus input {
    display:    none;
}

.compChoixSurPlan .mapRoom .mapCoordinates li {
    display:    block;
}

.compChoixSurPlan .mapRoom .mapCoordinates li.rowNumber {
    background-color:   #DDDDDD;
    padding:            3px 10px;
    text-align:         center;
}

.compChoixSurPlan .mapRoom .mapCoordinates li.rowNumber ul {
}

.compChoixSurPlan .mapRoom .mapCoordinates li.rowNumber ul li.row,
.compChoixSurPlan .mapRoom .mapCoordinates li.rowNumber ul li.number {
    display:    inline;
    padding:    5px;
}

.compChoixSurPlan .mapRoom .mapCoordinates li.rowNumber ul li.hidden,
.compChoixSurPlan .mapRoom .mapCoordinates li.hidden {
    display:    none;
}

.compChoixSurPlan .mapRoom .mapCoordinates .pricesGroup {
    padding: 0 5px;
}

.compChoixSurPlan .mapRoom .mapCoordinates li.id,
.compChoixSurPlan .mapRoom .mapCoordinates .prices strong,
.compChoixSurPlan .mapRoom .mapCoordinates .pricesGroup strong {
    display:    none;
}

.compChoixSurPlan .mapRoom .mapCoordinates .prices {
    padding:    5px;
}

.compChoixSurPlan .mapRoom .mapCoordinates .pricesGroup .nbPrices {
    font-weight:    normal;
    font-style:     italic;
}


.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools {
    display:        block !important;
    float:          right;
    margin-top:     3px;
    margin-right:   10px;
    white-space:    nowrap;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap {
    display:        inline;
    background:             none repeat scroll 0 0 #969696;
    -moz-border-radius:     5px 5px 5px 5px;
    -webkit-border-radius:  5px 5px 5px 5px;
    border-radius:          5px 5px 5px 5px;
    padding:                3px 5px;
    padding-top:            1px;
    padding-bottom:         4px;
    text-align:             center;
    color:                  #FFF;
    font:                   10px Arial, sans-serif;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap:hover {
    background-color:   #767676;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap button {
    color:          #FFF;
    font-size:      1.2em;
    font-family:    Arial, sans-serif;
    height:         auto;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap button:hover,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap button:active {
    background-color:   transparent;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .mapRefresh,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .zoomTools {
    display:    none;
}


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

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .globalTools .mapRefresh button:hover {
    background-color:   transparent;
}

.compChoixSurPlan .mapRoom .selectionTools {
    display:    none;
}


.compChoixSurPlan .canvasConteneur .top .left,
.compChoixSurPlan .canvasConteneur .top .right,
.compChoixSurPlan .canvasConteneur .bottom .left,
.compChoixSurPlan .canvasConteneur .bottom .right {
    background: #050505 url(../../../../commun/images/bg_carbon.png) repeat center;
}

.compChoixSurPlan .canvasConteneur .top .center:hover,
.compChoixSurPlan .canvasConteneur .middle .left:hover,
.compChoixSurPlan .canvasConteneur .middle .right:hover,
.compChoixSurPlan .canvasConteneur .bottom .center:hover {
    background-color:   #e1007a;
}

.compChoixSurPlan .canvasConteneur .top .center,
.compChoixSurPlan .canvasConteneur .top .center.disabled:hover {
    background: #424242; /* Old browsers */
    background: -moz-linear-gradient(top, #424242 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #424242 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #424242 0%,#000000 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #424242 0%,#000000 100%); /* IE10+ */
    filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #424242 0%,#000000 100%); /* W3C */
}

.compChoixSurPlan .canvasConteneur .top .center:hover {
    background:     #e74c93; /* Old browsers */
    background:     -moz-linear-gradient(top, #e74c93 0%, #e3097d 100%); /* FF3.6+ */
    background:     -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e74c93), color-stop(100%,#e3097d)); /* Chrome,Safari4+ */
    background:     -webkit-linear-gradient(top, #e74c93 0%,#e3097d 100%); /* Chrome10+,Safari5.1+ */
    background:     -o-linear-gradient(top, #e74c93 0%,#e3097d 100%); /* Opera11.10+ */
    background:     -ms-linear-gradient(top, #e74c93 0%,#e3097d 100%); /* IE10+ */
    filter:         progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c93', endColorstr='#e3097d',GradientType=0 ); /* IE6-9 */
    background:     linear-gradient(top, #e74c93 0%,#e3097d 100%); /* W3C */
}

.compChoixSurPlan .canvasConteneur .bottom .center,
.compChoixSurPlan .canvasConteneur .bottom .center.disabled:hover {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #424242 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#424242)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#424242 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#424242 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#424242 100%); /* IE10+ */
    filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#424242',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #000000 0%,#424242 100%); /* W3C */
}

.compChoixSurPlan .canvasConteneur .bottom .center:hover {
    background: #e3097d; /* Old browsers */
    background: -moz-linear-gradient(top, #e3097d 0%, #e74c93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3097d), color-stop(100%,#e74c93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e3097d 0%,#e74c93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e3097d 0%,#e74c93 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e3097d 0%,#e74c93 100%); /* IE10+ */
    filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3097d', endColorstr='#e74c93',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #e3097d 0%,#e74c93 100%); /* W3C */
}

.compChoixSurPlan .canvasConteneur .middle .left,
.compChoixSurPlan .canvasConteneur .middle .left.disabled:hover {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left, #000000 0%, #424242 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(100%,#424242)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #000000 0%,#424242 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #000000 0%,#424242 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #000000 0%,#424242 100%); /* IE10+ */
    filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#424242',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #000000 0%,#424242 100%); /* W3C */
}

.compChoixSurPlan .canvasConteneur .middle .left:hover {
    background: #e3097d; /* Old browsers */
    background: -moz-linear-gradient(left, #e3097d 0%, #e74c93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3097d), color-stop(100%,#e74c93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e3097d 0%,#e74c93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e3097d 0%,#e74c93 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #e3097d 0%,#e74c93 100%); /* IE10+ */
    filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3097d', endColorstr='#e74c93',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #e3097d 0%,#e74c93 100%); /* W3C */
}

.compChoixSurPlan .canvasConteneur .middle .right,
.compChoixSurPlan .canvasConteneur .middle .right.disabled:hover {
    background: #424242; /* Old browsers */
    background: -moz-linear-gradient(left, #424242 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#424242), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #424242 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #424242 0%,#000000 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #424242 0%,#000000 100%); /* IE10+ */
    filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #424242 0%,#000000 100%); /* W3C */
}

.compChoixSurPlan .canvasConteneur .middle .right:hover {
    background: #e74c93; /* Old browsers */
    background: -moz-linear-gradient(left, #e74c93 0%, #e74c93 0%, #e3097d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e74c93), color-stop(0%,#e74c93), color-stop(100%,#e3097d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e74c93 0%,#e74c93 0%,#e3097d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e74c93 0%,#e74c93 0%,#e3097d 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #e74c93 0%,#e74c93 0%,#e3097d 100%); /* IE10+ */
    filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c93', endColorstr='#e3097d',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #e74c93 0%,#e74c93 0%,#e3097d 100%); /* W3C */
}


.compChoixSurPlan .canvasConteneur .top .center,
.compChoixSurPlan .canvasConteneur .middle .left,
.compChoixSurPlan .canvasConteneur .middle .right,
.compChoixSurPlan .canvasConteneur .bottom .center,
.compChoixSurPlan .canvasConteneur .top .disabled:hover,
.compChoixSurPlan .canvasConteneur .middle .disabled:hover,
.compChoixSurPlan .canvasConteneur .bottom .disabled:hover {
    background-color:   #2c2c2c;
}

.compChoixSurPlan .gridNotifier {
    display:    none;
}

.compChoixSurPlan .roomSection .gridNotifier {
    display:            block;
    clear:              both;
    width:              100%;
    padding:            5px 0;
    text-align:         center;
    color:              black;
}

.compChoixSurPlan .roomSection .gridNotifier p {
    margin: 0;
}

.compChoixSurPlan .gridNotifier.warning {
    background-color:   #A00;
    color:              white;
}

.compChoixSurPlan .roomSection .clearer {
    clear:  both;
}