.pulse-play-button {
    opacity: 0.01 !important;
}

div.VideoPlayer {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
    /*min-width: 240px;
	min-height: 135px;*/
    background-color: #000000;
    vertical-align: middle;
    /*display: table;*/
    cursor: default;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 12px;
}

    div.VideoPlayer * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        color: #ffffff;
        -webkit-user-select: none; /* Chrome all / Safari all */
        -moz-user-select: none; /* Firefox all */
        -ms-user-select: none; /* IE 10+ */
        user-select: none;
    }

div.vpl_inline {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #000000;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

div.VideoPlayer video {
    background-color: #000000;
}

div.VideoPlayer video,
div.VideoPlayer img.Poster,
div.vpl_interface,
div.vpl_error,
div.vpl_next,
div.vpl_export,
div.vpl_controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
}

div.vpl_interface {
    width: 800px;
    height: 450px;
    z-index: 9;
}

div.vpl_infos {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px;
}

div.vpl_error {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6);
    color: #e0e0e0;
    font-size: 32px;
    line-height: 35px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    top: 0;
    vertical-align: middle;
}

    div.vpl_error h2 {
        margin: auto auto;
        color: #ffffff;
        text-align: center;
        font-family: sans-serif;
        font-weight: normal;
        position: absolute;
        top: 40%;
        width: 100%;
        line-height: 20px;
        font-size: 20px;
        text-shadow: 1px 1px 3px #000000;
        text-transform: uppercase;
        z-index: 1;
        line-height: 24px !important;
    }

    div.vpl_error p a {
        color: inherit;
        text-decoration: none;
    }

        div.vpl_error p a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

video.vpl_video {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

div.vpl_Ad {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

div.vpl_AdClickThrough {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

div.Overlay {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-height: 0px;
    text-align: center;
    cursor: pointer;
    transition: all ease-in 0.5s;
    z-index: 10;
}

    div.Overlay.Shown {
        bottom: 40px;
        max-height: 400px;
        transition: all ease-in 0.5s;
    }

    div.Overlay img {
        width: 600px;
        height: auto;
    }

    div.butClose,
    div.Overlay a {
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background-color: rgba(0, 0, 0, 0.6);
        line-height: 16px;
        font-size: 10px;
        color: #ffffff;
        text-align: center;
        position: absolute;
        right: 105px;
        top: 5px;
    }

div.butClose {
    position: absolute;
    z-index: 100;
    right: -10px;
    top: -10px;
    cursor: pointer;
    z-index: 100;
    pointer-events: all;
}

div.vpl_AdCountdown {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.75);
    height: 26px;
    line-height: 16px;
    color: #e0e0e0;
    font-size: 15px;
    padding: 5px 10px;
    z-index: 100;
}

a.vpl_RewindStartBut {
    background-repeat: no-repeat;
    background-size: 126%;
    background-position: center;
    width: 20px;
    height: 36px;
    display: block;
    position: absolute;
    left: 10px;
    bottom: 0;
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
}

a.vpl_RewindStartBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Previous.svg);
}


a.vpl_RewindBut,
a.vpl_FastForwardBut {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    top: 50%;
    top: calc(50% - 45px);
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
    z-index: 100;
}

a.vpl_RewindBut {
    left: 33%;
    left: calc(50% - 163px);
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Rewind10.svg) !important;
}

    a.vpl_RewindBut.live {
        background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Rewind10.svg) !important;
    }

a.vpl_FastForwardBut {
    left: 66%;
    left: calc(50% + 71px);
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/FF10.svg) !important;
}

    a.vpl_FastForwardBut.live {
        background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/FF10.svg) !important;
    }

a.vpl_PlayBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Play.svg) !important;
}

a.vpl_PauseBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Pause.svg) !important;
}


a.vpl_SharingBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Share.svg);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 10% center;
    background-color: rgba(0, 0, 0, 0.6);
    width: 102px;
    height: 34px;
    display: inline-block;
    position: relative;
    float: right;
    margin: 14px 14px 0 0;
    padding: 0 0 0 27px;
    color: #ffffff;
    line-height: 34px;
    font-size: 12px;
    text-decoration: none;
    clear: both;
    text-align: center;
    font-weight: bold;
}

    a.vpl_SharingBut:hover {
        background-color: rgba(0, 0, 0, 1.0);
    }

div.FloatingContainer a.vpl_SharingBut {
    display: none !important;
}

a.vpl_TwitterBut,
a.vpl_FacebookBut,
a.vpl_ExportBut,
a.vpl_FavoriteBut {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    margin: 12px;
    color: #ffffff;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
    border-radius: 35px;
    border: solid 3px rgba(255, 255, 255, 0.3);
}

a.vpl_FavoriteBut {
    display: none;
}

a.vpl_FacebookBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Facebook.svg);
}

a.vpl_TwitterBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Twitter.svg);
}

a.vpl_ExportBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Embed.svg);
}

    a.vpl_TwitterBut:hover,
    a.vpl_FacebookBut:hover,
    a.vpl_ExportBut:hover,
    a.vpl_FavoriteBut:hover {
        background-color: rgba(0, 0, 0, 1.0);
        border: solid 3px rgba(255, 255, 255, 0.6);
    }

* h2.vpl_title,
* h3.vpl_description {
    position: relative;
    background-color: rgba(0, 0, 0, 0.6);
    background-repeat: repeat;
    background-position: 0 0;
    padding: 0px 12px;
    margin-bottom: 12px;
    font-size: inherit !important;
    line-height: 34px;
    font-weight:;
    color: #ffffff;
    float: left;
    clear: both;
    max-width: 600px;
    font-family: Arial,sans-serif !important;
    text-align: left;
}


.android h2.vpl_title {
    font-size: 20px;
}

* h3.vpl_description {
    font-size: 16px;
}

div.vpl_controlsBottom {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

div.vpl_controlsbar {
    position: relative;
    margin: 0 auto 0 auto;
    width: 800px;
    height: 36px;
}

span.vpl_played,
span.vpl_duration {
    position: absolute;
    bottom: 0px;
    right: 125px;
    display: block;
    width: 38px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    text-align: right;
    cursor: pointer;
    font-size: 12px;
}

span.vpl_duration {
    right: 80px;
    text-align: left;
}

span.vpl_played::after {
    content: "/";
    position: relative;
    left: 3px;
}

div.vpl_timebox {
    position: absolute;
    left: 45px;
    display: block;
    width: 580px;
    height: 4px;
    bottom: 16px;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

div.vpl_playedbar,
div.vpl_loadedbar {
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
}

.vpl_playedbar::after {
    content: "";
    display: block;
    position: absolute;
    right: -6px;
    background: #636c9b;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: -4px;
}

div.vpl_loadedbar {
    background-color: rgba(255, 255, 255, 0.5);
}

a.vpl_MuteBut,
a.vpl_MutedBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/sound-on.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 36px;
    display: block;
    position: absolute;
    right: 52px;
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
    background-size: 126%;
}

a.vpl_MutedBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/sound-off.svg);
}

a.vpl_AdMuteBut,
a.vpl_AdMutedBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/sound-on.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 6px) center;
    background-size: 16px;
    background-color: rgba(0,0,0,0.35);
    height: 18px;
    width: auto;
    line-height: 18px;
    font-size: 12px;
    display: block;
    position: absolute;
    right: 10px;
    bottom: 15px;
    color: #ffffff;
    text-decoration: none;
    z-index: 101;
    padding: 0 6px;
    width: auto;
}

a.vpl_AdMuteBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/sound-off.svg);
}

a.vpl_AdMutedBut::after {
    content: 'Activer le son';
    padding-right: 22px;
}

a.vpl_AdMuteBut::after {
    content: 'Désactiver le son';
    padding-right: 22px;
}


div.ad-teaser {
    padding: 8px 12px !important;
    display: block;
    position: absolute;
    top: 0;
    background: #00000075;
    width: 100%;
}

div.vpl_VolumeSlider,
div.vpl_Volume {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl4.png);
    background-repeat: no-repeat;
    background-position: -662px -88px;
    width: 33px;
    height: 15px;
    display: block;
    position: absolute;
    left: 680px;
    bottom: 11px;
    cursor: pointer;
}

div.vpl_Volume {
    background-position: -662px -24px;
    width: 33px;
    left: 0px;
    bottom: 0px;
}

a.vpl_NoFloatingBut {
    display: none;
}

a.vpl_FloatingBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Sticky_on.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 40px;
    display: none;
    position: absolute;
    right: 46px;
    top: 0px;
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
}

    a.vpl_FloatingBut.active {
        display: block;
        right: 12px;
        top: 12px;
        width: 65px;
        height: 65px;
        background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/croix.svg);
        background-size: 135%;
    }

a.vpl_FSBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Fullscreen.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 34px;
    height: 36px;
    display: block;
    position: absolute;
    right: 8px;
    top: 0px;
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
}

a.vpl_FloatingBut + a.vpl_FSBut {
    width: 18px;
    right: 10px;
}

a.vpl_StartBut,
a.vpl_PauseBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Play.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-position: 50% center;
    background-size: 170%;
    border-radius: 40px;
    width: 120px;
    height: 120px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
    z-index: 100;
}

a.vpl_PauseBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Pause.svg);
}

a .vpl_StartBut:hover {
    background-color: rgba(0, 0, 0, 1.0);
}

div.vpl_next {
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding: 9px;
    width: 334px;
    height: 194px;
    left: 133px;
    top: 72px;
    border-radius: 16px;
    display: none;
}

    div.vpl_next img {
        width: 334px;
        height: 194px;
    }

    div.vpl_next h3 {
        background-color: rgba(0, 0, 0, 0.75);
        background-repeat: repeat;
        background-position: 0 0;
        position: absolute;
        bottom: 10px;
        width: 314px;
        font-size: 16px;
        font-weight: normal;
        color: #d0d0d0;
        padding: 8px;
    }

    div.vpl_next a {
        background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl4.png);
        background-repeat: no-repeat;
        background-position: -482px 0;
        width: 86px;
        height: 50px;
        display: block;
        position: absolute;
        left: 124px;
        top: 56px;
        color: transparent;
        line-height: 0;
        font-size: 0;
        text-decoration: none;
    }

div.VPL_SeekPreview {
    display: none;
    position: absolute;
    bottom: 14px;
    width: 214px;
    height: 120px;
}

div.noThumbnails {
    height: 0px;
    border: none;
    box-shadow: none;
}

div.vpl_timebox:hover div.VPL_SeekPreview {
    display: block;
}

div.VPL_SeekPreview img {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    border: solid 1px #000000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background-color: #a0a0a0;
}

div.VPL_SeekPreview span {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl4.png);
    background-repeat: no-repeat;
    background-position: -541px -73px;
    color: #ffffff;
    display: block;
    padding: 0;
    position: absolute;
    bottom: -12px;
    left: 107px;
    width: 70px;
    height: 33px;
    margin-left: -35px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 23px;
}


div.vpl_SharingScreen,
div.vpl_export {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

    div.vpl_SharingScreen h2,
    div.vpl_export h2 {
        font-size: 40px;
        line-height: 40px;
        margin-top: 20%;
    }

    div.vpl_export h2 {
        width: 90%;
        margin: 10% auto 0 auto;
        text-align: left;
    }

    div.vpl_SharingScreen span {
        display: block;
        cursor: text;
    }

div.vpl_exportBox {
    width: 90%;
    margin: auto;
}

    div.vpl_exportBox span {
        display: block;
        border: solid 3px rgba(255, 255, 255, 0.2);
        background-color: rgba(0, 0, 0, 0.3);
        padding: 20px;
        border-radius: 12px;
        margin-top: 10px;
        text-align: left;
        cursor: text;
        user-select: text;
    }

a.vpl_sizeBut {
    background-color: transparent;
    border: solid 1px transparent;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    margin: 10px;
    width: 92px;
    height: 72px;
    vertical-align: bottom;
    cursor: pointer;
}

    a.vpl_sizeBut + a.vpl_sizeBut {
        margin-left: 10px;
    }

    a.vpl_sizeBut span {
        border: none;
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0.3);
        display: inline-block;
        cursor: pointer;
    }

        a.vpl_sizeBut span.s1 {
            width: 50px;
            height: 26px;
        }

        a.vpl_sizeBut span.s2 {
            width: 58px;
            height: 31px;
        }

        a.vpl_sizeBut span.s3 {
            width: 66px;
            height: 36px;
        }

        a.vpl_sizeBut span.s4 {
            width: 74px;
            height: 41px;
        }

    a.vpl_sizeButSelected span,
    a.vpl_sizeBut:hover span {
        background-color: rgba(255, 255, 255, 1.0);
    }

div.vpl_EndScreen {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    padding: 0;
    text-align: left;
    justify-content: space-around;
    flex-direction: column;
}

    div.vpl_EndScreen a.vpl_SharingBut {
        position: absolute;
        right: 0;
        top: 0;
    }

    div.vpl_EndScreen ul {
        display: flex;
        justify-content: space-evenly;
    }

    div.vpl_EndScreen li {
        position: relative;
        display: inline-block;
        width: 215px;
        cursor: pointer;
    }

        div.vpl_EndScreen li:hover::after {
            content: "";
            position: absolute;
            display: block;
            background-color: rgba(0,0,0,0.45);
            width: 100%;
            height: 122px;
            top: 0;
            background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Play.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 40%;
        }

        div.vpl_EndScreen li:hover h4.next {
            display: none;
        }

        div.vpl_EndScreen li h4.next {
            display: none;
        }

        div.vpl_EndScreen li .next_thumbnail {
            width: 100%;
            height: 122px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 102%;
            position: relative;
        }

        div.vpl_EndScreen li h4 {
            color: #ffffff;
            font-size: 12px;
            padding: 6px;
            font-weight: bold;
            width: 100%;
        }

        div.vpl_EndScreen li span {
            position: absolute;
            padding: 4px 8px;
            bottom: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.5);
            margin: 4px;
            font-size: 10px;
            font-weight: bold;
        }

            div.vpl_EndScreen li span.countdown {
                position: absolute;
                width: 66px;
                height: 56px;
                line-height: 40px;
                font-size: 40px;
                text-align: center;
                color: rgba(255,255,255,0.9);
                text-shadow: 0 0 2px rgba(0,0,0,0.8);
                background-color: rgba(0,0,0,0.8);
                padding: 8px;
                border-radius: 8px;
                bottom: 50px;
                right: 107px;
            }

            div.vpl_EndScreen li span.replay {
                background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl4.png);
                background-repeat: repeat-y;
                background-position: -396px -12px;
                border-radius: 20px;
                background-color: rgba(0, 0, 0, 0.6);
                width: 40px;
                height: 40px;
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                left: calc(50% - 20px);
                top: calc(50% - 20px);
                color: transparent;
                line-height: 0;
                font-size: 0;
                text-decoration: none;
                padding: 0;
            }

        div.vpl_EndScreen li:hover span.replay {
            display: none;
        }

.FloatingContainer div.vpl_EndScreen li:nth-child(n+3) {
    display: none;
}

.FloatingContainer div.vpl_EndScreen li {
    width: 40%;
}

    .FloatingContainer div.vpl_EndScreen li .next_thumbnail,
    .FloatingContainer div.vpl_EndScreen li:hover::after {
        height: 180px;
    }

    .FloatingContainer div.vpl_EndScreen li h4 {
        font-size: 24px;
    }

    .FloatingContainer div.vpl_EndScreen li span {
        font-size: 20px;
    }

div.vpl_EndScreen a.vpl_RestartBut {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/Loop.svg);
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    left: calc(50% - 26px);
    bottom: 30px;
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
}

.fadeout {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0.5s, opacity 0.5s ease-out;
    transition: visibility 0.5s, opacity 0.5s ease-out;
}

.fadein {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.5s ease-out;
}

div.vpl_error p input {
    line-height: 20px;
    font-size: 20px;
    border-radius: 16px;
    padding: 8px;
    border: none;
}

div.VP_SsoForm {
    z-index: 100;
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}

    div.VP_SsoForm > div {
        display: table-cell;
        vertical-align: middle;
        background-color: rgba(0, 0, 0, 0.66);
    }

        div.VP_SsoForm > div > div {
            display: table;
            width: 100%;
            max-width: 800px;
            margin: auto;
        }

            div.VP_SsoForm > div > div > div {
                display: table-cell;
                vertical-align: top;
                width: 50%;
                padding: 1% 4%;
            }

    div.VP_SsoForm h2 {
        padding: 10px 20px 0 20px;
        font-weight: normal;
        font-size: 24px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }

    div.VP_SsoForm p {
        padding: 10px 20px 0 20px;
        font-weight: normal;
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
        font-style: italic;
    }

    div.VP_SsoForm a {
        color: #ffffff;
        font-size: 16px;
        width: 100%;
        text-align: center;
        display: block;
    }

    div.VP_SsoForm span a {
        font-size: inherit;
        display: inline;
    }

a.FB {
    display: block;
    margin: 0 auto 20px auto;
    background-color: #3b57a0;
    border-radius: 24px;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    height: 48px;
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/facebook.png);
    background-repeat: no-repeat;
    background-position: 32px center;
    padding: 0 0px 0 0px;
    line-height: 44px;
    width: 100%;
    max-width: 400px;
    text-align: center;
}

a.Connect {
    display: block;
    margin: 0 auto 10px auto;
    background-color: #db3e45;
    border-radius: 24px;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    height: 48px;
    padding: 0 0px 0 0px;
    line-height: 44px;
    width: 100%;
    max-width: 400px;
    text-align: center;
}

div.VP_SsoForm span {
    width: calc(100% - 20px);
    max-width: 400px;
    display: block;
    margin: 0 auto 5px auto;
    text-align: left;
}

div.VP_SsoForm div > div > div + div span {
    width: 100%;
}

div.VP_SsoForm input[type="text"],
div.VP_SsoForm input[type="password"] {
    display: block;
    border: solid 8px #fff;
    border-radius: 6px;
    line-height: 16px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px auto;
    padding: 0;
    color: #000;
    -webkit-user-select: initial; /* Chrome all / Safari all */
    -moz-user-select: initial; /* Firefox all */
    -ms-user-select: initial; /* IE 10+ */
    user-select: initial;
}

div.VP_SsoForm input[type="radio"] {
    margin-right: 8px;
    vertical-align: text-bottom;
}

div.VP_SsoForm select {
    border-radius: 8px;
    padding: 4px;
    width: 30%;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 8px;
    color: #000000;
}

div.VP_SsoForm p {
    text-align: center;
    margin-bottom: 10px;
}

div .VP_SsoForm label {
    width: 100%;
    max-width: 400px;
    margin: 0px auto 10px auto;
    text-align: left;
    display: block;
    cursor: pointer;
}

    div.VP_SsoForm label.gender {
        width: 50%;
        display: inline-block;
        margin-top: 8px;
        margin-bottom: 20px;
    }

div .VP_SsoForm > div > div > div > label {
    width: 100%;
}

    div.VP_SsoForm > div > div > div > label span {
        display: inline-block;
        width: calc(100% - 20px);
        margin-top: 0px;
    }

    div.VP_SsoForm > div > div > div > label.multi {
        margin: 5px 0 0px 10px;
        text-align: left;
        display: inline-block;
    }

        div.VP_SsoForm > div > div > div > label.multi span {
            width: auto;
        }

div.VP_SsoForm input[type="checkbox"] {
    margin: 1px 5px 0 0;
    vertical-align: top;
}

div.VP_SsoForm span.Error {
    display: block;
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/warning.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #ffffff;
    font-size: 14px;
    padding: 0px 20px 0px 60px;
    line-height: 40px;
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background-color: #ff8000;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    overflow: hidden;
    max-height: 150px;
    transition: max-height 0.5s;
}

    div.VP_SsoForm span.Error.Hidden {
        max-height: 0px;
        transition: max-height 0.5s;
    }

div.VP_SsoForm hr {
    margin: 10px 0 30px 0;
}

div.VP_SsoForm a.PswdForgotten {
    text-align: right;
    width: calc(100% - 20px);
    max-width: 400px;
    display: block;
    margin: -10px auto 15px auto;
    font-size: 11px;
}

div.vpl_Wait {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/spin.svg);
    /*	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAILWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEwMjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMDI0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjI1Y2RhOTZmLWJiNDctNDVjNi1iMDgyLTNmMDNiZjJmNTU2NDwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wNC0yNlQxMDoyNzowOCswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDoyNWNkYTk2Zi1iYjQ3LTQ1YzYtYjA4Mi0zZjAzYmYyZjU1NjQ8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6MjVjZGE5NmYtYmI0Ny00NWM2LWIwODItM2YwM2JmMmY1NTY0PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjI1Y2RhOTZmLWJiNDctNDVjNi1iMDgyLTNmMDNiZjJmNTU2NDwv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);*/
    /*	background-size: 8%;*/
    background-position: center center;
    background-repeat: no-repeat;
}

noscript {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    margin-top: 20px;
}

div.vpl_CountDown {
    display: none;
    position: absolute;
    left: 0px;
    top: 40%;
    background-color: rgba(80, 80, 224, 0.8);
    width: 100%;
    height: 40%;
    padding: 29px 10px 29px 10px;
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    font-weight: normal;
    line-height: 100px;
}

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

    div.VP_SsoForm > div > div > div {
        padding: 1% 1%;
    }

    div.VP_SsoForm h2 {
        padding: 5px 10px 0 10px;
        margin-bottom: 5px;
        font-size: 18px;
    }

    div.VP_SsoForm a.FB {
        font-size: 13px;
    }


    div.VP_SsoForm input[type="text"],
    div.VP_SsoForm input[type="password"] {
        border: solid 4px #ffffff;
    }

    a.Connect {
        line-height: 32px;
        /*max-width: 220px;*/
        height: 32px;
        border-radius: 12px;
    }
}

@media screen and (min-device-width : 0px) {
    a.vpl_StartBut,
    a.vpl_SharingBut,
    div.vpl_SharingScreen span {
        /*zoom: 150%;*/
    }

    div.vpl_infos {
        /*zoom: 150%;*/
        max-width: 75%;
    }

    div.vpl_exportBox span {
        font-size: 30px;
    }

    div.vpl_controlsbar * {
        /*zoom: 150%;*/
    }
}

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

    div.VP_SsoForm > div > div > div {
        padding: 1% 4%;
    }

    div.VP_SsoForm h2 {
        padding: 10px 10px 0 10px;
        margin-bottom: 10px;
    }

    div.VP_SsoForm a.FB {
        font-size: 16px;
    }

    div.VP_SsoForm input[type="text"],
    div.VP_SsoForm input[type="password"] {
        border: solid 8px #ffffff;
    }

    a.Connect {
        line-height: 44px;
        max-width: 400px;
        height: 44px;
        border-radius: 16px;
    }

    a.vpl_StartBut,
    a.vpl_SharingBut,
    div.vpl_SharingScreen span {
        zoom: 100%;
    }

    div.vpl_infos {
        zoom: 100%;
        max-width: 100%;
    }

    div.vpl_exportBox span {
        font-size: 14px;
    }

    div.vpl_controlsbar * {
        zoom: 100%;
    }
}

/* Bel */


div.bel div.vpl_loadedbar {
    background-color: #b53e3e;
}

div.bel div.vpl_EndScreen,
div.bel .vpl_SharingScreen {
    background: linear-gradient(0deg, #a20909 0%, rgb(222 37 37 / 45%) 100%);
}

div.bel .vpl_controls > div.vpl_controlsBottom,
div.bel a.vpl_TwitterBut:hover,
div.bel a.vpl_FacebookBut:hover,
div.bel a.vpl_ExportBut:hover,
div.bel a.vpl_FavoriteBut:hover {
    background-color: #A20909;
}

div.bel a.vpl_SharingBut {
    background-color: rgb(162 9 9 / 85%);
}

div.bel div.vpl_playedbar {
    background-color: #FFFFFF;
}

    div.bel div.vpl_playedbar::after {
        background: #DE2525;
    }

div.bel div.vpl_timebox {
    position: absolute;
    left: 45px;
    display: block;
    width: 580px;
    height: 4px;
    bottom: 16px;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}



/* Contact */

div.contact .vpl_title {
    display: none;
}

div.contact div.vpl_EndScreen,
div.contact .vpl_SharingScreen {
    background: rgba(6,116,186,0.6);
}

div.contact .vpl_SharingBut,
div.contact .vpl_controls > div.vpl_controlsBottom,
div.contact a.vpl_TwitterBut:hover,
div.contact a.vpl_FacebookBut:hover,
div.contact a.vpl_ExportBut:hover,
div.contact a.vpl_FavoriteBut:hover {
    background-color: #25bce8;
}

div.contact div.vpl_loadedbar {
    background-color: #5a718b;
}

div.contact div.vpl_playedbar {
    background-color: #1d589b;
}

    div.contact div.vpl_playedbar::after {
        background-color: #ffffff;
    }



/* Info */


div.info .vpl_title {
    display: none;
}

div.info .vpl_SharingBut,
div.info .vpl_controls > div.vpl_controlsBottom {
    background-color: #053262;
}

div.info a.vpl_StartBut {
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/vpl_controls/White.svg);
}

    div.info a.vpl_StartBut:hover {
        zoom: 115%;
    }

    div.info a.vpl_StartBut::after {
        position: absolute;
        top: calc(50% - 25px);
        left: calc(50% - 14px);
        display: block;
        content: "";
        box-sizing: border-box;
        border-color: transparent transparent transparent #FF5100;
        border-style: solid;
        border-width: 26px 0 26px 40px;
    }

div.info a.vpl_TwitterBut:hover,
div.info a.vpl_FacebookBut:hover,
div.info a.vpl_ExportBut:hover,
div.info a.vpl_FavoriteBut:hover {
    background-color: #EC521F;
}

div.info div.vpl_EndScreen,
div.info .vpl_SharingScreen {
    background: rgb(6,41,82);
    background: linear-gradient(0deg, rgba(6,41,82,0.97) 0%, rgba(19,59,107,0.96) 8%, rgba(19,59,107,0.33) 100%);
}

div.info div.vpl_loadedbar {
    background-color: #4A658B;
}

div.info div.vpl_playedbar {
    background-color: #256DE0;
}

    div.info div.vpl_playedbar::after {
        background: #EC521F;
    }


/* TV */

div.tv div.vpl_EndScreen li span,
div.tv div.vpl_EndScreen li h4,
div.tv a.vpl_TwitterBut:hover,
div.tv a.vpl_FacebookBut:hover,
div.tv a.vpl_ExportBut:hover,
div.tv a.vpl_FavoriteBut:hover,
div.tv a.vpl_SharingBut:hover,
div.tv div.vpl_Countdown,
div.tv a.vpl_StartBut,
div.tv .vpl_controls > a.vpl_PauseBut,
div.tv .vpl_controls > a.vpl_RewindBut,
div.tv .vpl_controls > a.vpl_FastForwardBut,
div.tv .vpl_controls > a.vpl_FSBut,
div.tv .vpl_controls > .vpl_Progress {
    background-color: rgba(30, 40, 125, 0.8);
}


    div.tv a.vpl_StartBut:hover {
        background-color: rgba(30, 40, 125, 1.0);
    }

div.Loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0.0;
    z-index: 10;
    /*	background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/spin.svg);*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAILWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEwMjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMDI0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjI1Y2RhOTZmLWJiNDctNDVjNi1iMDgyLTNmMDNiZjJmNTU2NDwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wNC0yNlQxMDoyNzowOCswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDoyNWNkYTk2Zi1iYjQ3LTQ1YzYtYjA4Mi0zZjAzYmYyZjU1NjQ8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6MjVjZGE5NmYtYmI0Ny00NWM2LWIwODItM2YwM2JmMmY1NTY0PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjI1Y2RhOTZmLWJiNDctNDVjNi1iMDgyLTNmMDNiZjJmNTU2NDwv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);
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity linear 0.5s;
}

    div.Loader.Shown {
        opacity: 1.0;
        transition: opacity linear 0.5s;
    }

div.AR {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: auto;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    text-align: right;
    padding: 0 10px;
}

    div.AR span {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        color: #ffffff;
        display: table-cell;
        vertical-align: middle;
    }

a.OndemandARBut {
    background-color: #000000;
    border: solid 10px #000000;
    border-radius: 10px;
    position: absolute;
    left: 45%;
    top: 40%;
    cursor: pointer;
    z-index: 10;
}


div.floating-placeholder {
    position: relative;
    display: none;
}

    div.floating-placeholder.active {
        display: block;
    }


div.floating-container {
    position: fixed !important;
    bottom: 15px !important;
    right: 15px !important;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
    z-index: 149;
    width: 400px !important;
    height: 225px !important;
    overflow: hidden;
    /*zoom: 0.4;*/
}


@media screen and (max-device-width: 640px) {

    div.floating-container {
        bottom: 8px;
        right: 8px;
    }

    div.floating-container {
        width: 80vw !important;
        height: auto !important;
        overflow: hidden;
    }
}

@media screen and (max-width: 640px) {

    div.floating-container {
        bottom: 8px;
        right: 8px;
    }

    div.floating-container {
        width: 80vw !important;
        height: auto !important;
        overflow: hidden;
    }
}


div.VPL_LoaderErrorMsg img {
    opacity: 0.5;
    height: 100%;
    width: 100%;
}

div.VPL_LoaderErrorMsg h2 {
    text-shadow: 1px 1px 3px #000000;
    text-transform: uppercase;
    z-index: 1;
    line-height: 24px !important;
}

div.VPL_LoaderErrorMsg h3 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    color: #ffffff;
    font-weight: normal;
    background-color: #000000;
}

div.VPL_GlobalConsent {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    z-index: 145;
    outline: none;
}

    div.VPL_GlobalConsent h2 {
        max-width: 80%;
        margin: 10% auto 20px auto;
        font-weight: 100;
        font-size: 30px;
        line-height: 40px;
        font-family: Arial,sans-serif !important;
    }

        div.VPL_GlobalConsent h2 > a {
            font-size: 20px;
            line-height: 20px;
            outline: none;
        }

    div.VPL_GlobalConsent > a {
        background-color: #ffffff;
        color: #000000;
        padding: 10px 20px;
        border-radius: 20px;
        text-decoration: none;
        cursor: pointer;
        margin-top: 20px;
        display: inline-block;
    }

a.Muted {
    font-family: Arial, sans-serif;
    padding: 0px 15px 0 30px;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    width: auto;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 5%;
    top: calc(20px + 5%);
    z-index: 101;
    background-image: url(https://scontent-rtl.akamaized.net/videos/player/img/muted.png);
    background-size: auto;
    background-position: 5px center;
    background-repeat: no-repeat;
}



/* ================== STICKY PLAYER =================== */
div.FloatingContainer a.vpl_StartBut,
div.FloatingContainer a.vpl_PauseBut {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    left: calc(50% - 70px);
    top: calc(50% - 70px);
}

div.FloatingContainer a.vpl_RewindBut,
div.FloatingContainer a.vpl_FastForwardBut {
    width: 110px;
    height: 110px;
    top: calc(50% - 58px);
}

div.FloatingContainer a.vpl_RewindBut {
    left: calc(50% - 190px);
}

div.FloatingContainer a.vpl_FastForwardBut {
    left: calc(50% + 77px);
}

div.FloatingContainer div.vpl_controlsbar {
    height: 62px;
}

div.FloatingContainer a.vpl_RewindStartBut {
    width: 33px;
    height: 66px;
    left: 23px;
}

div.FloatingContainer div.vpl_timebox {
    left: 86px;
    width: 418px;
    height: 8px;
    bottom: 28px;
}

div.FloatingContainer .vpl_playedbar::after {
    right: -3px;
    width: 22px;
    height: 22px;
    top: -7px;
}

div.FloatingContainer span.vpl_played,
div.FloatingContainer span.vpl_duration {
    right: 210px;
    width: 70px;
    height: 63px;
    line-height: 62px;
    font-size: 20px;
}

div.FloatingContainer span.vpl_duration {
    right: 132px;
}

div.FloatingContainer span.vpl_played::after {
    left: 4px;
}

div.FloatingContainer a.vpl_MuteBut,
div.FloatingContainer a.vpl_MutedBut {
    width: 36px;
    height: 60px;
    right: 93px;
    background-size: 126%;
}

div.FloatingContainer a.vpl_FSBut {
    width: 64px;
    height: 58px;
    right: 15px;
    top: 1px;
}

div.FloatingContainer * h2.vpl_title,
div.FloatingContainer * h3.vpl_description {
    display: none;
}
/* ================== STICKY PLAYER (END) =================== */


@media screen and (max-device-width: 640px) {
    div.VPL_GlobalConsent h2 {
        font-size: 16px;
    }

        div.VPL_GlobalConsent h2 > a {
            font-size: 16px;
        }

    .pulse-ad-counter {
        font-size: 12px !important;
    }
}


@media screen and (max-device-width : 720px) {

    div.vpl_EndScreen {
        padding-top: 8%;
    }

        div.vpl_EndScreen li {
            width: 320px;
        }

            div.vpl_EndScreen li .next_thumbnail {
                height: 170px;
            }

            div.vpl_EndScreen li h4 {
                font-size: 14px;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                line-height: 1.2em;
                padding-top: 12px;
                max-height: 80px;
            }

        div.vpl_EndScreen a.vpl_RestartBut {
            width: 80px;
            height: 80px;
            left: calc(50% - 38px);
            bottom: 30px;
        }

    a.vpl_SharingBut {
        display: none;
    }

    a.vpl_StartBut, a.vpl_PauseBut {
        border-radius: 50%;
        width: 180px;
        height: 180px;
        left: calc(50% - 85px);
        top: calc(50% - 95px);
    }

    a.vpl_RewindBut, a.vpl_FastForwardBut {
        width: 138px;
        height: 138px;
        left: calc(50% - 70px);
        top: calc(50% - 80px);
    }

    a.vpl_RewindBut {
        left: calc(50% - 236px);
    }

    a.vpl_FastForwardBut {
        left: calc(50% + 108px);
    }

    div.vpl_controlsbar {
        height: 62px;
    }

    a.vpl_RewindStartBut {
        width: 33px;
        height: 66px;
        left: 23px;
    }

    div.vpl_timebox {
        left: 86px;
        width: 418px;
        height: 8px;
        bottom: 28px;
    }

    .vpl_playedbar::after {
        right: -3px;
        width: 22px;
        height: 22px;
        top: -7px;
    }

    span.vpl_played, span.vpl_duration {
        right: 210px;
        width: 70px;
        height: 63px;
        line-height: 62px;
        font-size: 10px;
    }

    .android span.vpl_played, .android span.vpl_duration {
        font-size: 20px;
    }

    div.FloatingContainer span.vpl_played,
    div.FloatingContainer span.vpl_duration {
        font-size: 10px;
    }

    span.vpl_duration {
        right: 132px;
    }

    span.vpl_played::after {
        left: 4px;
    }

    a.vpl_MuteBut, a.vpl_MutedBut {
        width: 36px;
        height: 60px;
        right: 93px;
        background-size: 126%;
    }

    a.vpl_FSBut {
        width: 64px;
        height: 58px;
        right: 15px;
        top: 1px;
    }
}


/*
	DISPLAY MODE PLAYLIST - START
*/
.holder.playlist {
    display: block;
    position: relative;
    max-width: 100% !important;
    overflow: hidden;
    background: #00458c;
    padding: 6px 0;
}

    .holder.playlist .vpl_wrapper {
        width: 64%;
        float: left;
    }

        .holder.playlist .vpl_wrapper.no_playlist {
            width: 100%;
            float: none;
        }

        .holder.playlist .vpl_wrapper h3 {
            font-size: 1.75vw;
            line-height: 1.33em;
            padding-bottom: 1rem;
        }

        .holder.playlist .vpl_wrapper p {
            font-size: 1vw;
            line-height: 1.5em;
            padding-top: 1.15rem !important;
        }

        .holder.playlist .vpl_wrapper span.publication_date {
            font-size: 0.9vw;
            color: #99acc0 !important;
            padding-bottom: 1%;
            display: block;
            font-weight: bold;
            line-height: 1.5em;
        }

        .holder.playlist .vpl_wrapper .vpl_playlist {
            position: relative;
        }

    .holder.playlist .playlist_wrapper {
        width: 33%;
        float: right;
        overflow-y: auto;
        background: #053262;
        padding: 6px 12px;
        scrollbar-width: thin;
        scrollbar-color: #ccdae8 #00458c;
    }

        .holder.playlist .playlist_wrapper::-webkit-scrollbar {
            background-color: #f6f6f6;
            width: 8px;
        }

        .holder.playlist .playlist_wrapper::-webkit-scrollbar-thumb {
            background-color: #ccdae8;
            border-radius: 10px;
        }

        .holder.playlist .playlist_wrapper::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
            background-color: #00458c;
        }

        .holder.playlist .playlist_wrapper .playlist_item {
            width: 100%;
            display: flex;
            padding: 6px 0 !important;
            justify-content: space-between;
        }

            .holder.playlist .playlist_wrapper .playlist_item > div {
                width: 49%;
                position: relative;
                cursor: pointer;
                overflow: hidden;
            }

            .holder.playlist .playlist_wrapper .playlist_item .video_title,
            .holder.playlist .playlist_wrapper .playlist_item .publication_date {
                font-size: 0.75vw;
                line-height: 1.5em;
            }

            .holder.playlist .playlist_wrapper .playlist_item .publication_date {
                font-weight: bold;
                font-size: 0.55vw;
                color: #99acc0 !important;
            }

            .holder.playlist .playlist_wrapper .playlist_item .video_thumbnail_wrapper.active::before {
                content: "Lecture en cours ...";
                position: absolute;
                width: 100%;
                height: 100%;
                text-align: center;
                background: #053262a1;
                padding-top: 25%;
                font-weight: bold;
            }

            .holder.playlist .playlist_wrapper .playlist_item .video_thumbnail_wrapper .video_thumbnail {
                width: 100%;
            }


            .holder.playlist .playlist_wrapper .playlist_item .video_thumbnail_wrapper span {
                display: block;
                position: absolute;
                right: 0;
                bottom: 0;
                margin: 10px;
                padding: 5px 10px;
                background: #00458cbd;
                font-weight: bold;
                font-size: 0.75vw;
            }

/*  ================= GRID PLAYLIST =============== */
.holder.playlist-grid {
    display: block;
    position: relative;
    max-width: 100% !important;
    width: 100%;
    overflow: hidden;
}

    .holder.playlist-grid .vpl_wrapper .vpl_playlist {
        position: relative;
    }

    .holder.playlist-grid .playlist_wrapper {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fill, 32%);
        /*grid-gap: 1.5rem;*/
        justify-content: space-between;
        margin-top: 2%;
    }

        .holder.playlist-grid .playlist_wrapper .playlist_item {
            padding: 2% 0;
        }

            .holder.playlist-grid .playlist_wrapper .playlist_item > div {
                width: 100%;
                position: relative;
                cursor: pointer;
            }

            .holder.playlist-grid .playlist_wrapper .playlist_item .video_thumbnail_wrapper .video_thumbnail {
                width: 100%;
            }


            .holder.playlist-grid .playlist_wrapper .playlist_item .video_thumbnail_wrapper.active::before {
                content: "Lecture en cours ...";
                position: absolute;
                width: 100%;
                height: 100%;
                text-align: center;
                background: #053262a1;
                padding-top: 25%;
                font-weight: bold;
                font-size: 1.5vw;
            }

/*  ================= GRID PLAYLIST (END) =============== */

@media screen and (max-device-width : 720px) {

    .holder.playlist .vpl_wrapper,
    .holder.playlist .playlist_wrapper {
        width: 100%;
        float: none;
    }

    .holder.playlist .playlist_wrapper {
        margin-top: 20px;
        padding: 12px;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .holder.playlist .vpl_wrapper h3 {
        font-size: 5.4vw;
        padding: 0 8px 1% 8px;
    }

    .holder.playlist .vpl_wrapper p {
        display: none;
    }

    .holder.playlist .vpl_wrapper span.publication_date {
        font-size: 3vw;
        padding: 0 8px 2% 8px;
    }

    .holder.playlist .playlist_wrapper .playlist_item {
        flex: 0 0 50%;
        display: block;
    }

        .holder.playlist .playlist_wrapper .playlist_item > div {
            width: 95%;
        }

        .holder.playlist .playlist_wrapper .playlist_item .video_title {
            font-size: 4vw;
            padding-bottom: 1%;
        }

        .holder.playlist .playlist_wrapper .playlist_item .publication_date {
            font-size: 2.8vw;
        }

        .holder.playlist .playlist_wrapper .playlist_item .video_thumbnail_wrapper span {
            font-size: 2.8vw;
        }


    .holder.playlist-grid .playlist_wrapper {
        grid-template-columns: repeat(auto-fill, 48%);
        margin-top: 2%;
    }
}
/*
	DISPLAY MODE PLAYLIST - END
*/

/*
	CONSOLE LOG - START
*/
a.testmode-button {
    position: absolute;
    top: 30px;
    right: 15px;
    width: auto;
    padding: 6px 20px;
    background: rgb(255 0 0 / 60%);
    z-index: 100;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}

    a.testmode-button::after {
        content: "PREPROD";
    }

    a.testmode-button.active {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 6px 0;
    }

        a.testmode-button.active::after {
            content: '\00d7';
        }

div.VideoPlayer .testmode-info {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 85%);
    z-index: 98;
    padding: 15px;
}

div.VideoPlayer a.testmode-button.active + .testmode-info {
    display: block;
}

div .VideoPlayer .testmode-info * {
    color: #000000;
}

.global-console {
    display: none;
    width: 100%;
    background: rgb(255, 255, 255);
    position: relative;
    top: 0;
    left: 0;
}

    .global-console .didomi-button {
        display: block;
        position: absolute;
        margin: 4px 8px;
        top: 0;
        left: 0;
        padding: 4px 8px;
        background: #69b161;
        z-index: 150;
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
    }

.console-wrapper {
    position: absolute;
    height: 100%;
    max-height: 100%;
    right: 0;
    top: 0;
    background: rgba(255,255,255,0.75);
    padding: 0;
    z-index: 149;
}

.global-console .console-wrapper {
    position: relative;
    height: 40px;
    max-height: 40px;
}

    .global-console .console-wrapper.active {
        height: 300px;
        max-height: 300px;
    }

.player-console-controls {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 15px;
    width: calc(100% - 30px);
    background: rgba(94, 94, 94, 0.80);
    color: #fff;
    text-align: right;
    box-sizing: content-box;
}

    .player-console-controls .console-control {
        display: none;
        padding: 2px 4px;
        border-radius: 4px;
        margin-left: 4px;
        font-size: 12px;
        text-decoration: none;
        color: #fff;
    }

        .player-console-controls .console-control:not(.active) {
            background: #aeaeae !important;
            opacity: 0.5;
        }

        .player-console-controls .console-control.round {
            width: 22px !important;
            height: 22px;
            line-height: 22px;
            padding: 0;
            text-align: center;
            border-radius: 50%;
        }

.console-wrapper .bg-black {
    background: #000 !important;
}

.console-wrapper .color-black {
    color: #000 !important;
}

.console-wrapper .log-tag.trace,
.console-wrapper .bg-grey {
    background: #606060 !important;
}

.console-wrapper .player-console:not(.active-title) .log-message.trace,
.console-wrapper .color-grey {
    color: #606060 !important;
}

.console-wrapper .log-tag.debug,
.console-wrapper .bg-blue {
    background: #308df0 !important;
}

.console-wrapper .player-console:not(.active-title) .log-message.debug,
.console-wrapper .color-blue {
    color: #308df0 !important;
}

.console-wrapper .log-tag.info,
.console-wrapper .bg-green {
    background: #14aa10 !important;
}

.console-wrapper .player-console:not(.active-title) .log-message.info,
.console-wrapper .color-green {
    color: #14aa10 !important;
}

.console-wrapper .log-tag.warning,
.console-wrapper .bg-orange {
    background: #db7305 !important;
}

.console-wrapper .player-console:not(.active-title) .log-message.warning,
.console-wrapper .color-orange {
    color: #db7305 !important;
}

.console-wrapper .log-tag.error,
.console-wrapper .bg-red {
    background: #F00 !important;
}

.console-wrapper .log-message.error,
.console-wrapper .color-red {
    color: #F00 !important;
}

.console-wrapper:not(.active) .player-console-controls {
    width: auto;
    background: none;
}

.console-wrapper .player-console-controls .console-control.show,
.console-wrapper.active .player-console-controls .console-control {
    display: inline-block;
    width: auto;
}

    .console-wrapper.active .player-console-controls .console-control.show {
        display: none;
    }

.console-wrapper .player-console {
    display: none;
    padding-top: 30px;
    width: 28vw;
    height: calc(100% - 30px);
    overflow-x: hidden;
}

.global-console .console-wrapper .player-console {
    width: 100%;
}

.console-wrapper.active .player-console {
    display: block;
    box-sizing: content-box;
}

.console-wrapper .player-console .player-console-log {
    padding: 4px 8px;
    border-bottom: 1px dotted #797979;
    width: 100%;
    display: none;
}


.console-wrapper .player-console.active-trace .player-console-log.log-trace {
    display: block;
}

.console-wrapper .player-console.active-debug .player-console-log.log-debug {
    display: block;
}

.console-wrapper .player-console.active-info .player-console-log.log-info {
    display: block;
}

.console-wrapper .player-console.active-warning .player-console-log.log-warning {
    display: block;
}

.console-wrapper .player-console.active-error .player-console-log.log-error {
    display: block;
}

.console-wrapper .player-console .player-console-log.log-fancy {
    display: block;
}

    .console-wrapper .player-console .player-console-log.log-fancy .fancy-message {
        margin: 8px;
        width: calc(100% - 50px);
        padding: 6px 8px;
        font-size: 14px;
        text-align: center;
    }


.console-wrapper .player-console .player-console-log .log-tag {
    padding: 3px;
    border-radius: 4px;
    background: #aeaeae;
    margin-right: 5px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    display: none;
}

.console-wrapper .player-console .player-console-log .log-origin {
    font-size: 10px;
    font-weight: bold;
    color: #717171;
    display: none;
}

.console-wrapper .player-console.active-title .player-console-log .log-tag,
.console-wrapper .player-console.active-title .player-console-log .log-origin {
    display: inline;
}


.console-wrapper .player-console .player-console-log .log-message {
    font-size: 12px;
    padding: 4px;
}

    .console-wrapper .player-console .player-console-log .log-message code {
        overflow: auto;
        max-width: 100%;
        display: inline-block;
        white-space: break-spaces;
        word-break: break-all;
        word-wrap: break-word;
    }

@media screen and (max-device-width : 720px) {

    .console-wrapper.active {
        position: relative;
        max-height: 100vh;
        height: calc(100vh - 300px);
    }

    .console-wrapper .player-console {
        width: 100%;
    }
}

/*
	CONSOLE LOG - END
*/

/*
	SITEBAR - START
*/
.Sitesbar_U[silent] {
    display: none !important;
}


/*
	SITEBAR - END
*/