#pacifaDiv {
    position: relative;
    touch-action: none;
    width: 100%;
    padding-top: 49.375%; /* iframe.height / iframe.width * div.width */
    background-color: white;
}

#pacifaSvgContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: white;
}

#pacifaSvgContainer svg {
    width: 100%;
    height: 100%;
} 

#moveToTopButton {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    left: 1em;
    top: 1em;
    width: 4em;
    height: 4em;
    opacity: 0.8;
    -webkit-transition: width 0.2s, height 0.2s, opacity 0.2s; /* For Safari 3.1 to 6.0 */
    transition: width 0.2s, height 0.2s, opacity 0.2s;
}

#moveToTopButton:hover {
    width: 6.5em;
    height: 6.5em;
    opacity: 1;
}

#fullscreenButton {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    bottom: 0.5em;
    right: 0.5em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0.8;
    transition: width 0.2s, height 0.2s, opacity 0.2s;
}

#fullscreenButton:hover {
    width: 4.5em;
    height: 4.5em;
    opacity: 1;
}

.block {
    cursor: pointer;
    stroke: black;
    opacity: 0.5;
	stroke-width: 3;
	stroke-dasharray: 15;
    fill: red;
}

.block:hover {
    opacity: 0.8;
}
.block_disponible {
    display: block;
}
.block_indisponible{
    display:none;
}

.block_selectionne{
    display:block;
    fill:green;
    opacity: 0.7;
}
.seat{
    cursor: pointer;
    display:none;
    opacity: 0.8;
}

.seat:hover{
    opacity: 1;
}

.zone0{
    fill:#03050D;
}

.zone1{
    fill:#0C1231;
}

.zone2{
    fill:#131D4F;
}

.zone3{
    fill:#1D2C78;
}

.zone4{
    fill:#243795;
}

.zone5{
    fill:#2E46BE;
}

.zone6{
    fill:#3957EB;
}
.seat_disponible {
    display: block;
}
.seat_indisponible{
    display:none;
}

.seat_selectionne{
    display:block;
    fill:red;
    opacity: 1;
}