.bloc-radius {
    -moz-border-radius:6px;
    -khtml-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;  
    behavior: url(https://m6mobile.fr/css/hackCSS3IE.htc);    
}

ul,li,p {
    margin:0;
    padding:0;
}


.hidden-less768 {display:block;}
.visible-less768{display:none;}

#sectionTITRE {
    background-color:#e9ebed;
}

.mainSECTION {} 

.mainSECTION#sectionVIDEOSM6MOBILE {
    margin-top:0!important;
}
#sectionVIDEOSM6MOBILE .mid {
    width:100%;
    /*height:420px;*/
    background-color:#e9ebed;
    /*    background-image:url(../../page-les-videos-m6mobile/img/bg_zonePLAYER-GROUND.png);*/
    background-repeat:no-repeat;
    background-position: 50% bottom;
}
#sectionVIDEOSM6MOBILE .mid .content {
    position:relative; 
    width:100%;
    max-width:960px;
    /*height:420px;*/

}

#sectionTITRE {
    margin: 0 auto;
    padding:30px 0 20px 0;
}


/* ZONE PLAYER */

#wrappPLAYER {
    width:100%;
    max-width:1160px;
    /*height: 420px;*/
    margin: 0 auto;padding-bottom:20px;
    /*    background: url(../../page-les-videos-m6mobile/img/bg_shadowPLAYER.png) no-repeat 0 312px;*/
}
#zonePLAYER {
    width:100%;
    margin:0;
}


.item-video {
    position:relative;
    max-width:160px;
    width:100%;
    height:120px;
    font-family: "roboto_condensedlight";    
    color:#ffffff;
    overflow:hidden;
}
.item-video:hover, .item-video.active:hover {
    opacity:1!important;

}
.item-video .item-video-img {
    position: absolute;
    top:0;
    left:0;
    z-index:2;
}
.item-video .edito-item {
    position: absolute;
    top:0;
    left:0;
    z-index:3; 
    width:100%;
    height:100%;
    opacity:1;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -ms-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
}
.item-video:hover .edito-item {
    opacity:0;
}
.item-video .edito-item .title-duration {
    position:absolute;
    bottom:0;
    right:0;
    background:#000000;
    padding:0 3px;
    color:#ffffff;
    font-size:10px;

}
.item-video .edito-item .title-view {
    position:absolute;
    top:0;
    left:0;
    padding:0 3px;
    color:#ffffff;
    background:#000000;
    font-size:11px;

}
.item-video .edito-item .title-view span {
    font-size:10px;
}
.item-video .edito-item-hover {
    position: absolute;
    top:100%;
    left:0;
    z-index:4; 
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    opacity:0;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -ms-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
}
.item-video:hover .edito-item-hover, .item-video.active:hover .edito-item-hover  {
    opacity:1!important;
    top:0;
}
.item-video .edito-item-hover .title-item {
    padding:4px 6px;
    font-size:13px;
    line-height:14px;
}




/*#zonePLAYER:before {
    position: absolute;
    bottom:-18px;
    left:20px;
    display: inline-block;
    border-right:20px solid transparent;
    border-top:20px solid #E9EBED;
    border-left:20px solid transparent;
    border-bottom-color: #E9EBED;
    content: '';      
}*/



/*//////////////////////////////////////////
RESPONSIVE STYLES : MORE THAN 1280PX
//////////////////////////////////////////*/
@media screen and (min-width:1280px) {
    #zonePLAYER {
        position:relative;top:0;left:0;
        width:100%;
    }

    #zonePLAYER:before {
        left:40px;

    }

    #sectionVIDEOSM6MOBILE .mid .content {
        width:100%;
        max-width:none; 
    }




}

@media screen and (min-width:1680px) {



}


#wrappPLAYER {
    background-color:#000000;
}



#dmapiplayer, #dmplayer {
    max-width:680px;
    float:left;
}


#wrappPLAYLIST.wrapp-playlist {
    margin: 0 auto;
}
.item-video{
    cursor:pointer;
    float:left;
}


/* Elastislide Style */
.elastislide-list {
    list-style-type: none;
    display: none;
}

.no-js .elastislide-list {
    display: block;
}

.elastislide-carousel ul li {
    min-width: 20px; /* minimum width of the image (min width + border) */
    float:left;
}

.elastislide-wrapper {
    position: relative;
    margin: 0 auto;
    min-height: 60px;
}

.elastislide-wrapper.elastislide-loading {
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.elastislide-horizontal {
    padding: 0;
}

.elastislide-vertical {
    padding: 40px 10px;
}

.elastislide-carousel {
    overflow: hidden;
    position: relative;
}

.elastislide-carousel ul {
    position: relative;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.elastislide-horizontal ul {
    white-space: nowrap;
}

.elastislide-carousel ul li {
    margin: 0 10px;
    -webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
    height: 100%;
    display: inline-block;
    margin:0;
    overflow: hidden;
}

.elastislide-vertical ul li {
    display: block;
}

.elastislide-carousel ul li a {
    display: inline-block;
    width: 100%;
}

.elastislide-carousel ul li a img {
    display: block;
    max-width: 100%;
    border:none;
    border:0!important;
}

/* Navigation Arrows */

.elastislide-wrapper nav span {
    position: absolute;
    background: #ddd url(../img/nav.png) no-repeat 4px 3px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.8;
}

.elastislide-wrapper nav span:hover {
    opacity: 1.0
}

.elastislide-horizontal nav span {
    top: 50%;
    left: 10px;
    margin-top: -11px;
}

.elastislide-vertical nav span {
    top: 10px;
    left: 50%;
    margin-left: -11px;
    background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
    right: 10px;
    left: auto;
    background-position: 4px -17px;
}

.elastislide-vertical nav span.elastislide-next {
    bottom: 10px;
    top: auto;
    background-position: -17px -18px;
}