.planAbidjan{
    grid-template-columns: repeat(26, 1fr);
}
.planBouake{
    grid-template-columns: repeat(10, 1fr);
}

.planList{
    display: grid;
    row-gap: 1px;
    column-gap: 1px;
    background:#f0f0f0;
    border:1px solid #f0f0f0;
    border-top:1px solid #666;
    position:relative;
    z-index:20;
}
.planItem{
    background:#fff;
    text-align:center;
    font-size:13px;
    color:#444;
    position:relative;
    padding:0 6px;
    height:30px;
    line-height:30px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    cursor:pointer;
}
.planItem:hover{
    background:#d8f0fe;
}
.planItem:active{
    background:#b5e2fd;
}
.planSel{
    background:#b5e2fd;
}
.planOn{
    border:1px solid #666;
}
.planList .planOk{
    background:#42AC48;
    color:#fff;
}
.planList .planVOk{
    background:#f8ef48;
    color:#000;
}
.planPart{
    background:#f8ef48;
}

.planHall{
    background:#f7dcd0;
}

.planCouv{
    background:#f0f0f0;
}
.planChap{
    background:#d2f8b8;
}
.planLeg{
    position:absolute;
    min-width:60px;
    padding:2px 3px;
    font-weight:bold;
    line-height: 16px;
    font-size:12px;
    border:2px solid #444;
    text-align:center;
    background:#fff;
    z-index:10;
}

.planLegDes{
    font-weight:normal;
    line-height:20px;
    color:#222;
    font-size:14px;
    padding:5px 0 0 0;
}

.LegRed{
    color:#df0000;
    border-color:#df0000;
}

.LegHall{
    color:#c57e5f;
    border-color:#c57e5f;
}

.LegBleu{
    color:#07c;
    border-color:#07c;
}

.LegVert{
    color:#43AB48;
    border-color:#43AB48;
}

.LegOr{
    color:#e1a809;
    border-color:#e1a809;
}

.flatTrans{
    background:transparent;
    border:0;
}
.flatBlanc{
    background:#fff;
    border:0;
}
.flatGris{
    background:#ddd;
    border:0;
}
.flatBleu{
    background:#cbe2f3;
    border:0;
}
.flatYel{
    background:#f8e53c;
    border:0;
}
.flatVert{
    background:#dbf3cf;
    border:0;
}
.flatOrange{
    background:#f5c646;
    border:0;
}

.arrow-right{
    position:absolute;
    background: url(../images/ico_arrow_right.png) no-repeat center;
    background-size: cover;
    width:24px;
    height:24px;
    z-index:10;
}

.arrow-updw{
    position:absolute;
    background: url(../images/ico_arrow_updw.png) no-repeat center;
    background-size: cover;
    width:24px;
    height:24px;
    z-index:10;
}

.sectionDis{
    float:left;
    clear:both;
    width:100%;
    padding:3px;
    font-size:14px;
}
.sectionDis span{
    display:block;
    padding:2px 0;
    font-size:12px;
    color:#999;
}

.blockPlan{
    margin:0 auto;
    width:1200px;
    position:relative;
}

.blockPlanFolder{
    float:left;
    clear:both;
    width:100%;
}

@media(max-width: 768px){
    .blockPlanFolder{
        overflow-x:auto;
    }
}

.paviGrid{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:2px;
}
.paviGrid div{
    border:1px solid #222;
    font-size:12px;
}