.affiche{
    width: 100%
}
.proclamation{
    width: 63.1%;
    margin: 0 auto;
}
.proclamation p{
    margin: 20px 0 60px 0;
    font-size: 20px;
    color: #999999;
}
.noticec li{
    height: 85px;
    line-height: 85px;
    font-size: 24px;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer;
}
.noticec li:first-child{
    border-top: 1px solid #E0E0E0
}
.noticec li:last-child{
    border-bottom: 1px solid #E0E0E0
}
.lisle{
    float: left;
    width: 60%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.lisri{
    float: right;
    color: #999999;
    margin-right: 30px
}
.lisle span:first-child{
    width: 10px;
    height: 10px;
    background: #228638;
    display: inline-block;
    border-radius: 50%
}
.page{
    list-style: none;
}
.page>li{
    float: left;
    padding: 5px 10px;
    cursor: pointer;
}
.page .pageItem{
    border: solid thin #DDDDDD;
    margin: 40px;
    border-radius: 50%
}
.page .pageItemActive{
    border: solid thin #228638;
    margin: 40px;
    background-color: #228638;
    color:white;
    border-radius: 50%
}
.page .pageItem:hover{
    border: solid thin #228638;
    background-color: #228638;
    color:white;
    border-radius: 50%
}
.page .pageItemDisable{
    border: solid thin #DDDDDD;
    margin: 40px;
    background-color: #DDDDDD;
    border-radius: 50%
}
.pagebox{
    width: 65%;
    margin: 103px auto
}