/*---------A LAFFICHE------------*/
.legend-container {
    width: 1065px;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 24px;
    z-index: 1;
}
.legend-container .bl-affiche img {
    margin-bottom: 8px;
}


.legend-container .bl-affiche, .legend-container .bl_title {
    text-align: right;

}
.bl_ondisplay {
    background: center no-repeat;
    position: relative;
    display: flex;
    justify-content:center;
    align-items: flex-end; 
    background-size: cover;
    height: 500px;
    color: #fff !important;
    padding: 40px 0;
    z-index: 0;
}
.bl_ondisplay::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
}


/*---------RESUME------------*/

.bl_all_channels .resume { font-size: 14px;color: #fff;}
.bl_all_channels p {line-height:14px;font-size: 16px; padding-bottom:27px;}
.bl_all_channels p.intro {line-height: 26px;font-size: 19px;padding-bottom: 27px;}
.resume ul {list-style-type: disc;  padding-left: 16px; }
.bl_all_channels ul li {padding-bottom: 20px; line-height: 22px;}
.h2-html p { line-height: 26px;}
.sous-titre p { line-height: 20px;}
.bl_all_channels .resume ul li {
    min-width: unset;
    max-width: unset;
    width: unset;
    margin: 10px;
}


@media screen and (min-width: 992px) {.bl_all_channels .resume ul  {max-width: 80%; }}


/*---------CHAINES------------*/

#bl_all_channels .bl_channels .elem_channel {
    display: inline-block;
}