#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;
    padding: 3px 5px;
    padding-top: 1px;
    padding-bottom: 4px;
    text-align: center;
    color: #FFF;
}

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

@media screen and (max-width: 1080px) {
    .compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap button::before {
        content: "\f060";
        font-family: FontAwesome;
        font-size: 15px;
        position: relative;
        color: #000000;
        margin: 0 15px 0 8px;
    }

    .compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap button {
        color: #000000;
        font-size: 15px;
        font-family: 'Lato', sans-serif;
        height: auto;
        text-transform: initial;
        margin: 10px 0;
    }
}

.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;
}

@media screen and (max-width: 940px) {
    .compChoixSurPlan .mapRoom {
        width: 100% !important;
    }

    .compChoixSurPlan .mapRoom .miniMapHolder {
        margin-left: 20px;
    }
}

/*  Bouton valider sous le plan */

.validateButton {
    background-color: #000000;
    border: none;
    color: #ffffff;
    padding: 15px 35px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 13px 4px 2px;
    cursor: pointer;
    border-radius: 10px;
}

.validateButton:hover {
    background-color: transparent;
    color: #000000;
    border: 2px solid #000000;
}

.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7vh;
}