.info-panne-modal time {
    display:block;
    margin-top:-8px;
    margin-bottom: 20px;
 }
 .info-panne-bandeau {
    background-color: #c20000;
    padding:10px; 
    width:100%; 
    text-align: center;
    /*position: relative;*/
    font-size: 16px;
    font-weight: 400;
 }
 #banniere-panne {
    color:#fff;
    padding:0 30px;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
 }
 #lity-title-panne {
     color:#000;
     font-size: 20px;
     font-weight: 600;
 }
 .info-panne-bandeau a {
     color:#fff;
 }
 .lity-links,
 .close-button {
     margin-top: 20px;
     margin-bottom: 10px;
 }

.btn-close-notification {
    background-image: url(/themes/pannes/images/icn-fermer.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 500;
    position: absolute;
    right: 0px;
    top: .1em;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width:18px;
    height:18px;
}

.hide-notification {
    /*display: none;*/
    opacity: 0;
    margin-top:-45px;
    transition: all 0.5s;
}

.lity-modal{
    max-width:750px;
}

.lity-close {
    /* position: absolute; */
}
.lity-close::before,
.lity-close::after {
    /* background-color:#000; */
    /* width: 3px; */
}