html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

body {
    font-size: 0.750em;
    font-family: Arial, Helvetica, sans-serif
}

select,input,textarea,button {
    font: 100% sans-serif
}

pre,code,kbd,samp {
    font-family: monospace, sans-serif
}

a:hover,a:active {
    outline: none
}

ul,ol {
    margin-left: 2em
}

ol {
    list-style-type: decimal
}

nav ul,nav li {
    margin: 0;
    list-style: none;
    list-style-image: none
}

small {
    font-size: 85%
}

strong,th {
    font-weight: bold
}

td {
    vertical-align: top
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px
}

textarea {
    overflow: auto
}

.lt-ie8 legend {
    margin-left: -7px
}

label,input[type="button"],input[type="submit"],input[type="image"],button {
    cursor: pointer
}

button,input,select,textarea {
    margin: 0
}

input:invalid,textarea:invalid {
    box-shadow: none
}

button {
    width: auto;
    overflow: visible
}

.lt-ie8 img {
    -ms-interpolation-mode: bicubic
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold
}

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,.field:before,.list-action-broadcast:before,.list-connect:before,.clearfix:after,.field:after,.list-action-broadcast:after,.list-connect:after {
    content: " ";
    display: table
}

.clearfix:after,.field:after,.list-action-broadcast:after,.list-connect:after {
    clear: both
}

.clearfix,.field,.list-action-broadcast,.list-connect {
    zoom:1}

@font-face {
    font-family: 'BrandonGrotesque';
    src: url("../font/BrandonGrotesque.eot");
    src: url("../font/BrandonGrotesque.eot?#iefix") format("embedded-opentype"),url("../font/BrandonGrotesque.woff") format("woff"),url("../font/BrandonGrotesque.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BrandonGrotesque';
    src: url("../font/BrandonGrotesqueBold.eot");
    src: url("../font/BrandonGrotesqueBold.eot?#iefix") format("embedded-opentype"),url("../font/BrandonGrotesqueBold.woff") format("woff"),url("../font/BrandonGrotesqueBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

body,select,input,textarea,button {
    color: #636363;
    font-family: "Open Sans",Arial,sans-serif
}

body {
    position: relative;
    background: #fff;
    color: #636363;
    font-size: .625em;
    -webkit-font-smoothing: antialiased
}

::-moz-selection {
    background: #e32119;
    color: #fff
}

::selection {
    background: #e32119;
    color: #fff
}

a:link {
    -webkit-tap-highlight-color: #e32119
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

li {
    margin: 0;
    padding: 0
}

em {
    font-style: italic
}

a {
    -moz-transition: all ease-in-out;
    -o-transition: all ease-in-out;
    -webkit-transition: all ease-in-out;
    transition: all ease-in-out
}

input[type="submit"],button[type="submit"],.cta-detail-embed,.btn-play,.btn-pause,.link-action-broadcast,.link-connect,.link-detail-connect,.title-detail-program a {
    display: block;
    color: inherit;
    text-decoration: none
}

.logo-player img {
    display: block;
    width: 100%;
    height: auto
}

input[type="submit"],button[type="submit"],.cta-detail-embed {
    display: inline-block;
    padding: .5em 1em;
    border-radius: 3px;
    background: #e32119;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase
}

input[type="submit"],button[type="submit"],.cta-detail-embed {
    border-radius: 5px;
    box-shadow: #bd1220 0 -3px 0 inset
}

form {
    position: relative
}

form .hidden {
    position: absolute;
    top: -99999em;
    left: -99999em
}

::-webkit-input-placeholder {
    color: inherit;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6
}

::-moz-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6
}

:-ms-input-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6
}

input:-moz-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6
}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important
}

fieldset {
    margin: 0 0 2em;
    padding: 1.5em 0;
    border: none;
    background: #f5f4f3
}

legend {
    position: relative;
    width: 100%;
    padding: .5em .5em .5em 4em;
    border-top: 3px solid #45b8ab;
    color: #636363;
    background: #dcdcdc;
    font-size: 1.231em;
    text-transform: uppercase;
    font-family: "BrandonGrotesque","Open Sans",Arial,sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

legend.special-legend {
    padding: .25em .5em;
    border: none;
    background: #fff;
    color: #45b8ab;
    font-size: 2.308em;
    text-transform: none
}

.num-legend {
    position: absolute;
    top: -3px;
    left: 0;
    bottom: 0;
    display: block;
    padding: 0 .25em;
    min-width: 1.2em;
    border-right: 1px solid #fff;
    color: #fff;
    background: #45b8ab;
    font-size: 1.563em;
    font-weight: normal;
    text-align: center;
    line-height: 1.7
}

.field {
    position: relative;
    margin: 0 0 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.field.small {
    float: left;
    width: 20%
}

.field.medium {
    float: left;
    width: 40%
}

.field.normal {
    float: left;
    width: 50%
}

.field.full {
    clear: both;
    width: 100%
}

.field.return-line {
    clear: both
}

label,.label {
    display: block;
    padding: .5em 0;
    font-weight: bold
}

.field.required label:after,.field.required .label:after {
    content: '*';
    display: inline-block;
    margin-left: .5em
}

.special label,.special .label {
    color: #45b8ab;
    font-size: 1.231em
}

input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="color"],input[type="password"],input[type="search"],input[type="url"],select,textarea,input[type="file"] {
    position: relative;
    overflow: visible;
    padding: .5em 1em;
    width: 100%;
    border: 3px solid #dcdcdc;
    background: #fff;
    vertical-align: top;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all ease-in-out;
    -o-transition: all ease-in-out;
    -webkit-transition: all ease-in-out;
    transition: all ease-in-out
}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="color"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="url"]:focus,select:focus,textarea:focus,input[type="file"]:focus {
    border-color: #999;
    outline: none
}

input[type="text"].error,input[type="email"].error,input[type="tel"].error,input[type="number"].error,input[type="date"].error,input[type="color"].error,input[type="password"].error,input[type="search"].error,input[type="url"].error,select.error,textarea.error,input[type="file"].error {
    border-color: #f8941e
}

select {
    padding-top: .4em;
    padding-bottom: .4em
}

textarea {
    min-height: 15em;
    min-width: 100%;
    max-width: 100%
}

.wrap-checkbox,.wrap-radio {
    display: inline-block;
    position: relative
}

.wrap-checkbox label,.wrap-radio label {
    display: inline-block;
    margin: 0 1em 0 0;
    padding: .25em 0;
    width: auto;
    font-weight: normal
}

input[type="checkbox"],input[type="radio"] {
    display: inline-block;
    margin: .5em .5em .5em 0;
    vertical-align: top
}

input[type="checkbox"]:focus,input[type="radio"]:focus {
    border-color: #f5f4f3;
    outline: none
}

input[type="checkbox"]:required,input[type="radio"]:required {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type="submit"],button {
    position: relative;
    overflow: visible;
    padding: .5em 1em;
    margin: 0 .5em 1em 0;
    border: 1px solid #dcdcdc;
    background: #f6f6f6;
    color: #636363;
    vertical-align: top;
    font-size: .846em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all ease-in-out;
    -o-transition: all ease-in-out;
    -webkit-transition: all ease-in-out;
    transition: all ease-in-out
}

input[type="submit"]:hover,input[type="submit"]:focus,button:hover,button:focus {
    background-color: #dcdcdc;
    color: #fff
}

input[type="submit"],button[type="submit"] {
    float: right;
    margin: 0 0 0 .5em;
    border: none;
    background: #e32119;
    color: #fff
}

input[type="submit"]:hover,input[type="submit"]:focus,button[type="submit"]:hover,button[type="submit"]:focus {
    background-color: #bd1220;
    box-shadow: #e32119 0 -3px 0 inset
}

.infos-form,.mentions-form {
    clear: both;
    margin: 0 1.5em 2em;
    font-style: italic;
    font-size: 1.1em
}

.infos-form {
    margin-bottom: .5em;
    text-align: right
}

.msg-form,.msg-form-error {
    padding: .5em 1em;
    margin: 0 0 1em;
    background: #dcdcdc;
    color: #fff
}

.msg-form-error {
    border: 1px solid #f8941e;
    background: #f8c588;
    color: #f8941e
}

.player {
    position: relative
}

.player.playing .btn-play {
    display: none
}

.player.playing .btn-pause {
    display: inline-block
}

.player.muted .btn-mute {
    display: none
}

.player.muted .btn-unmute {
    display: inline-block
}

.player.preroll-playing .preroll-line-timeline,.player.preroll-playing .postroll-line-timeline,.player.postroll-playing .preroll-line-timeline,.player.postroll-playing .postroll-line-timeline {
    display: block
}

.media-player {
    display: block;
    width: 100%
}

.controls-player {
    display: none;
    overflow: hidden;
    padding: 1.5em;
    background: #f5f4f3
}

.play {
    float: left;
    margin-right: 1.5em
}

.btn-play,.btn-pause {
    position: relative;
    min-width: 3.75em;
    min-height: 3.75em;
    padding: 1em;
    margin: -1em 0;
    border-radius: 6em;
    border-radius: 50%;
    background: #fff;
    color: #ec732b;
    font-size: 1em;
    box-shadow: #999 0 0 5px
}

.btn-play:before,.btn-pause:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 3px solid #ec732b;
    border-radius: 6em;
    border-radius: 50%;
    -moz-transition: all ease-in-out;
    -o-transition: all ease-in-out;
    -webkit-transition: all ease-in-out;
    transition: all ease-in-out
}

.btn-play:after,.btn-pause:after {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 17px;
    margin: -8px 0 0 -5px;
    background: #ec732b url("../img/sprite-player.png") left top no-repeat;
    -moz-transition: all ease-in-out;
    -o-transition: all ease-in-out;
    -webkit-transition: all ease-in-out;
    transition: all ease-in-out
}

.btn-play:hover,.btn-play:focus,.btn-pause:hover,.btn-pause:focus {
    background: #fff;
    color: #e32119
}

.btn-play:hover:before,.btn-play:focus:before,.btn-pause:hover:before,.btn-pause:focus:before {
    border-color: #e32119
}

.btn-play:hover:after,.btn-play:focus:after,.btn-pause:hover:after,.btn-pause:focus:after {
    background-color: #e32119
}

.btn-pause {
    display: none
}

.btn-pause:after {
    margin-left: -7px;
    background-position: -20px top
}

.volume {
    float: right;
    margin: -1.5em -1.5em -1.5em 1.5em;
    padding: 1.5em;
    border-left: 1px solid #fff
}

.btn-mute,.btn-unmute {
    overflow: hidden;
    width: 10px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background: url("../img/sprite-player.png") left -20px no-repeat;
    text-indent: -99999em;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.btn-mute:hover,.btn-mute:focus,.btn-unmute:hover,.btn-unmute:focus {
    background-color: transparent;
    background-position: left -40px
}

.btn-unmute {
    display: none;
    background-position: -20px -20px
}

.btn-unmute:hover,.btn-unmute:focus {
    background-position: -20px -40px
}

.change-volume {
    height: 20px;
    line-height: 20px
}

.change-volume input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.change-volume input[type="radio"]:hover label,.change-volume input[type="radio"]:focus label {
    background: #dcdcdc
}

.change-volume input[type="radio"]:checked+label {
    background: #ec732b;
    color: #fff
}

.change-volume label {
    position: relative;
    overflow: hidden;
    width: 5px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    background: #fff;
    color: #ec732b;
    text-indent: -99999em;
    vertical-align: middle;
    -moz-transition: all ease-in-out;
    -o-transition: all ease-in-out;
    -webkit-transition: all ease-in-out;
    transition: all ease-in-out
}

.change-volume label:hover,.change-volume label:focus {
    background: #dcdcdc
}

.timeline {
    overflow: hidden
}

.text-content .broadcast .time-timeline,.text-content .broadcast .total-timeline,.time-timeline,.total-timeline {
    float: left;
    margin-right: 1em;
    padding: .2em 0;
    font-size: 1.1em;
    text-align: right
}

.text-content .broadcast .total-timeline,.total-timeline {
    float: right;
    margin-right: 0;
    margin-left: 1em;
    text-align: left
}

.line-timeline {
    position: relative;
    overflow: hidden;
    padding: .5em;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    background: #fff
}

.line-timeline:before {
    content: '';
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    bottom: .5em;
    left: .5em;
    border-radius: 3px;
    background: #dcdcdc
}

.played-line-timeline {
    position: relative;
    width: 0;
    height: .8em;
    border-radius: 3px;
    background: #ec732b
}

.loaded-line-timeline {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: .8em;
    margin: .5em;
    border-radius: 3px
}

.loaded-line-timeline .line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    background: #747479
}

.preroll-line-timeline,.postroll-line-timeline {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    border-radius: 3px;
    background: #fff url("../img/prepostroll.gif") center center no-repeat
}

.logo-player {
    position: absolute;
    top: 2em;
    right: 2em
}

.text-content .broadcast {
    font-size: 0.714em
}

.text-content .broadcast ul,.text-content .broadcast li {
    margin: 0;
    padding: 0;
    list-style: none
}

.text-content .broadcast a {
    color: inherit
}

.text-content .broadcast p {
    margin: 0;
    padding: 0
}

.list-action-broadcast {
    border-right: 1px solid #dcdcdc
}

.item-action-broadcast {
    position: relative;
    float: left;
    border-left: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item-action-broadcast.embed .link-action-broadcast:before {
    background-position: -20px -60px
}

.item-action-broadcast.embed .link-action-broadcast:hover:before,.item-action-broadcast.embed .link-action-broadcast:focus:before {
    background-position: -20px -80px
}

.item-action-broadcast.embed.open .link-action-broadcast {
    color: #ec732b
}

.item-action-broadcast.embed.open .link-action-broadcast:before {
    background-position: -20px -80px
}

.item-action-broadcast.embed.open .detail-embed {
    max-height: 1000px;
    padding: 1em
}

.item-action-broadcast.download .link-action-broadcast:before {
    background-position: -40px -60px
}

.item-action-broadcast.download .link-action-broadcast:hover:before,.item-action-broadcast.download .link-action-broadcast:focus:before {
    background-position: -40px -80px
}

.item-action-broadcast.order .link-action-broadcast:before {
    background-position: -80px -60px
}

.item-action-broadcast.order .link-action-broadcast:hover:before,.item-action-broadcast.order .link-action-broadcast:focus:before {
    background-position: -80px -80px
}

.item-action-broadcast.delete .link-action-broadcast:before {
    background-position: -60px -60px
}

.item-action-broadcast.delete .link-action-broadcast:hover:before,.item-action-broadcast.delete .link-action-broadcast:focus:before {
    background-position: -60px -80px
}

.link-action-broadcast {
    position: relative;
    padding: 1.5em 1.5em 1.5em 3.5em;
    font-size: 1.1em;
    text-transform: uppercase
}

.link-action-broadcast:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 1em;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url("../img/sprite-player.png") left -60px no-repeat
}

.link-action-broadcast:hover,.link-action-broadcast:focus {
    color: #ec732b
}

.link-action-broadcast:hover:before,.link-action-broadcast:focus:before {
    background-position: left -80px
}

.share-broadcast .share {
    display: inline-block;
    margin-top: 1em
}

.share-broadcast .item-share {
    margin: 0
}

.share-broadcast .link-share {
    border: none
}

.text-content .broadcast .title-share-broadcast,.title-share-broadcast {
    display: inline-block;
    padding: 1.5em;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: top
}

.detail-program-player {
    padding-bottom: 1.5em;
}

.detail-embed {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
    max-height: 0;
    padding: 0 2em;
    background: #dcdcdc;
    color: #636363
}

.detail-embed .input-text {
    margin-bottom: .5em;
    min-height: 0;
    border: none;
    font-size: 1.1em
}

.detail-embed .input-text:focus {
    border-color: #dcdcdc
}

.detail-embed .input-text::-moz-selection {
    background: #ec732b;
    color: #fff
}

.detail-embed .input-text::selection {
    background: #ec732b;
    color: #fff
}

.text-detail-embed {
    margin: 0 0 .5em;
    font-size: 1.1em
}

.cta-detail-embed {
    float: right;
    margin: 0;
    border: none;
    background: #747479;
    font-size: 1em;
    box-shadow: #444 0 -3px 0 inset
}

.cta-detail-embed:hover,.cta-detail-embed:focus {
    background: #ec732b;
    box-shadow: #ae4d08 0 -3px 0 inset
}

#content {
    position: relative;
    z-index: 0
}

.item-connect {
    position: relative;
    float: left;
    margin: 0 2.5em 0 0
}

.link-connect {
    position: relative;
    padding: 1.25em 0 1.25em 45px;
    color: #999;
    font-size: 1.1em;
    text-transform: uppercase
}

.link-connect:hover,.link-connect:focus {
    color: #636363
}

.link-connect:hover:before,.link-connect:focus:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.item-connect.twitter .link-connect:before {
    background-position: left -90px
}

.item-connect.facebook .link-connect:before {
    background-position: -30px -90px
}

.item-connect.google .link-connect:before {
    background-position: -60px -90px
}

.item-connect.follow .link-connect:before {
    background-position: 10px -52px
}

.item-connect.mail .link-connect:before {
    background-position: -90px -90px
}

.item-connect.info .link-connect:before {
    background: url("../img/sprite2.png") -90px -60px no-repeat
}

.item-connect.favoris .link-connect:before {
    background: url("../img/sprite2.png") -30px -90px no-repeat
}

.item-connect.replay .link-connect {
    color: #ec732b
}

.item-connect.replay .link-connect:before {
    border-color: #ec732b;
    background: url("../img/sprite2.png") -120px -60px no-repeat
}

.detail-connect {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    overflow: hidden;
    max-height: 0;
    background: #f5f4f3
}

.detail-connect.open {
    max-height: 1000px;
    border-top: 4px solid #e32119
}

.infos-resume .detail-connect {
    right: auto;
    min-width: 187px
}

.content-player-header .detail-connect,.coming-player-header .detail-connect {
    left: auto;
    right: 0;
    min-width: 187px
}

.link-detail-connect {
    position: relative;
    padding: .5em 2em;
    border: 1px solid #dcdcdc;
    border-top: none;
    color: #999;
    font-size: 1.1em;
    text-transform: uppercase;
    text-align: center
}

.link-detail-connect:hover,.link-detail-connect:focus {
    color: #e32119
}

.action-broadcast {
    position: relative;
    overflow: hidden
}

.action-broadcast .connect {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -22px
}

.program-action-broadcast {
    position: relative;
    margin-right: 180px
}

.program-action-broadcast.with-logo .detail-program-player {
    display: block;
    margin-left: 150px
}

.logo-action-broadcast {
    position: absolute;
    top: 0.5em;
    left: 4em;
    display: block
}

.detail-program {
    float: left;
    width: 50%;
    padding: 1em 0 0 3em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.host-detail-program {
    color: #999;
    font-size: 1.1em;
    font-style: italic
}

.title-detail-program {
    color: #ec732b;
    font-size: 1.8em;
    font-weight: normal
}

.text-detail-program {
    color: #999;
    font-size: 1.4em;    
}
.text-detail-program a {
    text-decoration: none;
    color: #999;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .backgroundsize .link-connect:before {
        background-image:url("../img/sprite@2x.png");
        background-size: 400px
    }

    .backgroundsize .item-connect.info .link-connect:before,.backgroundsize .item-connect.favoris .link-connect:before,.backgroundsize .item-connect.replay .link-connect:before,.backgroundsize .block-contact-rcf:after {
        background-image: url("../img/sprite2@2x.png");
        background-size: 360px
    }
}

.placeholder .hidden-placeholder {
    position: absolute;
    top: -99999em;
    left: -99999em
}

.generatedcontent .btn-play,.generatedcontent .btn-pause {
    width: 3.75em;
    text-indent: -99999em
}

.generatedcontent .btn-play:after,.generatedcontent .btn-pause:after {
    display: block
}

.audio audio.media-player {
    height: 0
}

.audio .controls-player {
    display: block
}

.video .controls-player {
    display: block
}

@media only screen {
    html {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none
    }
}

@media only screen and (max-width: 50em) {
    .controls-player .volume {
        display:none;
    }

    .program-action-broadcast {
        margin: 0
    }

    .action-broadcast .connect {
        position: relative;
        float: right;
        margin: 0 1.5em
    }

    .logo-player {
        top: .5em;
        right: .5em;
        width: 42px
    }
}

@media only screen and (max-width: 25em) {
    .play {
        margin:0.5em 1.5em 0.5em 0
    }

    .volume {
        margin-bottom: 1.5em;
        border: none
    }

    .actions-block-program .item-connect {
        float: none;
        width: auto
    }
}

@media print {
    * {
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: portrait 21cm 29.7cm;
        margin: 1cm
    }

    .media-block-basic img,.media-block-resume img,.media-block-folder img,.media-block-product img,.media-block-choice img,.media-block-result img {
        page-break-inside: auto
    }

    .item-connect.info .link-connect:before {
        display: none
    }
}

.broadcast {
    background-color: #f5f4f3;
}

/*# sourceMappingURL=styles.css.map */
