body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background: transparent;
    font-family: PT Sans, Helvetica;
    font-size:14px;
    color: #444;
}

div#no_geloc {
    display: none;
    color: white;
}

#winError {
    position: fixed;
    top: 44%;
    left: 30%;

    z-index: 66;

    display: none;
}

#msgError {
    background-color: #fff;
    border: 1px solid #e21a1a;
    padding: 10px;
    margin: 0 auto;
    width: auto;
}

#marginRight {
    margin-right: 16%;
}

#player {
    color: white;
    position: relative;
    background: black;

    /*
    bug iPhone
    display: block;*/
}

.jw-background-color-pub {
    background: rgba(0, 0, 0, .2) !important;
}

.jw-background-color-pub:hover {
    background: rgba(0, 0, 0, .7) !important;
}

#loader {
    position: relative;
}

#loader img {
    position: absolute;
}

.btn_player {
    position: absolute;
    cursor: pointer;
    left: 48%;
    top: 40%;
}

#video_title {
    position: absolute;
    bottom: 0;
    left: 0px;
    text-align: center;
    background: none;
    width: 100%;
    color: white;
    background: rgba(0, 0, 0, .7);
    padding: 10px 0px;
    font-family: Helvetica;
    font-size: 12px;
}

.thumb {
    cursor: pointer;
    display: block;
    width: 100%;
}

#no_geloc {
    margin: 0px auto;
    max-width: 400px;
}

#no_geloc .field {
    margin: 6px 0px;
}

#no_geloc .field label {
    display: block;
    float: left;
    width: 140px;
    padding-right: 10px;
    text-align: right;
}

#no_geloc input {
    border: 1px solid #CCC;
}

#no_geloc #block_ok {
    text-align: center;
    margin-top: 20px;
}

#no_geloc #block_ok input {

}

#live_info {
    color: white;
    position: relative;
    display: none;
    text-align: center;
    margin-top: 20px;
}

#global {
    overflow: hidden;
    position: relative;
    height: 100%;
}

#downClick, #upClick {
    position: absolute;
    cursor: pointer;
    background: rgba(0, 0, 0, .7);
    width: 16%;
    right: 0;
    text-align: center;
    z-index: 2;
}

#upClick {
    top: 0;
}

#downClick {
    bottom: 0;
}

#upClick img, #downClick img {
    width: 30px;
    padding-top: 3px;
    /*-webkit-filter: invert(100%);  filter: invert(100%)*/
}

#playlistAbsolute {
    width: 16%;
    position: absolute;
    /*right: -15px;*/
    right: 0px;
    /*top: 39px;*/
    /*bottom: 39px;*/
    top: 0px;
    bottom: 0px;
    overflow-y: auto;
    background: black;
}

#zoneLogo {
    position: absolute;
    top: 0;
    right: 0;
}

#zoneLogo img {
    float: right;
    padding: .75em;
}

#list {
    padding: 0px 4px 0px 1px;
    margin: 0px;
    list-style-type: none;
    list-style-position: inside;
    overflow: hidden;
}

.ListItems {
    /*align-content: left;*/
    background: #000;
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, .85);
    font-family: helvetica;
    font-size: 12px;
    color: #000000;
    padding: 0px;
}

.ListItems li {
    display: block;
    /*float: left;*/
    list-style-type: none;
    list-style: none;
    margin-top: 3px;
    text-align: center;
    color: #fff;
    position: relative;
}

.ListItems li img {
    width: 100%;
    border: 1px solid #666;
    margin: 0;
    cursor: pointer;
}

li .texte {
    position: absolute;
    bottom: 4px;
    left: 1px;
    right: 1px;
    text-align: center;
    width: 100%;
    color: white;
    background: rgba(0,0,0,.7);
    padding: 1px 0px;
    /*opacity: 0.7;*/
    /*filter: alpha(opacity=70);*/
    font-family: Helvetica;
    font-size: 12px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

li .btplay {
    position: absolute;
    top: 19%;
    left: 36%;
    width: 39px !important;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 1;
    border: none !important;
    height: auto !important;
    display: none;
}

.ListItems li img.select {
    border: 1px solid #e21a1a;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ListItems li img:hover {
    /*list-style-type: none;*/
    border: 1px solid #ff0046;
}


@media ( max-width: 900px) {
    #marginRight {
        margin-right: 17%;
    }

    #playlistAbsolute {
        width: 17%;
    }

    #downClick, #upClick {
        width: 17%;
    }
}

@media ( max-width: 700px) {
    #downClick, #upClick {
        width: 115px;
    }

    #playlistAbsolute {
        top: 0px;
        bottom: 0px;
        width: 115px;
    }

    #marginRight {
        margin-right: 115px;
    }

    #downClick img, #upClick img {
        width: 24px;
    }

    #list img.btplay {
        display: none;
    }
}

.jw-dock-button { top:2em !important; }
.jw-logo {top:0.2em !important;background-position: right center;width: 70px !important;}

@media ( max-width: 500px) {
    .jw-logo {
        width: 60px !important;
    }

    img.jw-logo-image, #zoneLogo img {
        width: 70% !important;
        float: right;
    }
}

@media ( max-width: 400px) {
    .jw-logo {
        width: 40px !important;
    }
    img.jw-logo-image, #zoneLogo img {
        width: 50% !important;
    }

    .jw-controls-right > .jw-dock {
        position: fixed;
        top: -13px;
        left: 0;
    }
}