@charset "utf-8";


/**
*
* RESET
*
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}



/**
*
*  CLEARFIX
*
*/

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#IE7 h1,
#IE7 h2,
#IE7 h3,
#IE7 h4,
#IE7 h5,
#IE7 h6 { font-weight:normal }

/**
*
*  REGLES GENERALES
*
*/

body { font-family:Arial, Helvetica, sans-serif; }
.nav li { float:left; }
.rounded3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
strong {font-weight:bold;}
a.more {
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

.roll_overflow {
    display:block;
    width:1000px;
}


/* alertes JS / flash */
div.alert {
    background:url(img/ico-alert.png) no-repeat 8px center;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    left:0;
    line-height:33px;
    height:33px;
    padding:0 30px;
    position:absolute;
    z-index:5;
    width:421px;
}
div.alert.js {z-index:10}
div.alert a {
    color:#fff;
    text-decoration:underline;
}



/**
*
*  DECLINAISONS CHAINES
*
*/
body.tpl_lemouv .color_radio{color:#1a54ba;}
body.tpl_lemouv a.more{color:#1a54ba;}
body.tpl_lemouv .bg_radio{background-color:#1a54ba;}
body.tpl_lemouv #commands img {background:url(img/player/ico-controls_lemouv.png) no-repeat left top;}

body.tpl_franceculture .color_radio{color:#984fa7;}
body.tpl_franceculture a.more{color:#984fa7;}
body.tpl_franceculture .bg_radio{background-color:#7f348e;}
body.tpl_franceculture #commands img {background:url(img/player/ico-controls_culture.png) no-repeat left top;}

body.tpl_francebleu .color_radio{color:#1a54ba;}
body.tpl_francebleu a.more{color:#1a54ba;}
body.tpl_francebleu .bg_radio{background-color:#1a54ba;}
body.tpl_francebleu #commands img {background:url(img/player/ico-controls_bleu.png) no-repeat left top;}

body.tpl_franceinter .color_radio{color:#fd1f2a;}
body.tpl_franceinter a.more{color:#fd1f2a;}
body.tpl_franceinter .bg_radio{background-color:#fd1f2a;}
body.tpl_franceinter #commands img {background:url(img/player/ico-controls_inter.png) no-repeat left top;}

body.tpl_francemusique .color_radio{color:#a90042;}
body.tpl_francemusique a.more{color:#a90042;}
body.tpl_francemusique .bg_radio{background-color:#a90042;}
body.tpl_francemusique #commands img {background:url(img/player/ico-controls_musique.png) no-repeat left top;}

body.tpl_franceinfo .color_radio{color:#ffef00;}
body.tpl_franceinfo a.more{color:#595959;}
body.tpl_franceinfo .bg_radio{background-color:#fff11b;color:#000 !important;}
body.tpl_franceinfo #commands img {background:url(img/player/ico-controls_info.png) no-repeat left top;}



/**
*
*  COMMON
*
*/

/* Nav */
.tpl_share .nav {background:#595959;}
.tpl_share .nav li{background:url(img/share/bg-li.png) no-repeat left center;}
.tpl_share .nav li:first-child {background:none;}
.tpl_share .nav li a {
    color:#bebebe;
    display:block;
    font-size:13px;
    font-weight:bold;
    height:23px;
    line-height:20px;
    padding:0 6px;
    text-decoration:none;
}

/* Share */
.tpl_share .share {
    height:71px;
    left:0;
    padding:6px 7px 0 7px;
    position:absolute;
    width:294px;
}
.tpl_share .share .close {
    position:absolute;
    right:7px;
    top:9px;
}
.tpl_share .share .title {
    color:#e2e2e2;
    font-size:14px;
    font-weight:bold;
}
.tpl_share .share textarea {
    background:none;
    color:#767676;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:none;
    height:45px;
    overflow:hidden;
    padding:0;
    width:211px;
}
.tpl_share .share .code {
    background:#1f1f1f url(img/player/bg-code.png) no-repeat 216px bottom;
    padding:5px 0;
}
.tpl_share .share .copy {
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;

    border:none;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:17px;
    font-weight:bold;
    float:right;
    height:30px;
    line-height:30px;
    margin:10px 6px 0 0;
    text-align:center;
    text-decoration:none;
    width:61px;
}




/**
*
*  DIRECT
*
*/


/* Head */
.tpl_direct #wrapper {
    height:77px;
    position:relative;
    width:308px;
}
.tpl_direct .head {
    background-color: #161616;
    background-image: -moz-linear-gradient(top, #202020, #161616);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #202020),color-stop(1, #161616));
    background-image: linear-gradient(top, #202020, #161616);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#202020', EndColorStr='#161616');
    height:55px;
}
.tpl_direct #flash {width:344px;}
.tpl_direct .play {
    color:#fff;
    float:left;
    font-size:20px;
    font-weight:bold;
    display:block;
    height:33px;
    letter-spacing:-1px;
    line-height:33px;
    margin:10px;
    padding-left:40px;
    text-decoration:none;
}

body.tpl_lemouv.tpl_direct .play { background:url(img/player/ico-controls_lemouv.png) no-repeat -299px 0px;}
body.tpl_franceculture.tpl_direct .play { background:url(img/player/ico-controls_culture.png) no-repeat -299px 0px;}
body.tpl_francebleu.tpl_direct .play { background:url(img/player/ico-controls_bleu.png) no-repeat -299px 0px;}
body.tpl_franceinter.tpl_direct .play { background:url(img/player/ico-controls_inter.png) no-repeat -299px 0px;}
body.tpl_francemusique.tpl_direct .play { background:url(img/player/ico-controls_musique.png) no-repeat -299px 0px;}
body.tpl_franceinfo.tpl_direct .play { background:url(img/player/ico-controls_info.png) no-repeat -299px 0px;}


.tpl_direct #btn_share {
    float:left;
    margin:15px 0 0 3px;
}
.tpl_direct #btn_share img {
    height:28px;
    width:29px;
}
.tpl_direct .logo {
    position:absolute;
    top:5px;
    right:10px;
}

/* Share */
.tpl_direct .share {
    background:#1f1f1f;
    height:71px;
    top:0;
    width:294px;
}


/**
*
*  REECOUTER
*
*/

.tpl_reecouter #wrapper {
    height:137px;
    position:relative;
    width:481px;
}
.tpl_reecouter #flash {
    height:33px;
    width:389px;
}
.tpl_reecouter #player {
    background-color:#202020;
    height:33px;
    position:relative;
}
.tpl_reecouter #commands, .tpl_reecouter #flash, .tpl_reecouter #btn_share, .tpl_reecouter #commands li {float:left;}
.tpl_reecouter #commands {
    background:url(img/player/bg-right-controls.png) no-repeat right 8px;
    padding:0 8px 0 6px;
}
.tpl_reecouter #commands a {display:block;}
.tpl_reecouter #commands img {
    height:33px;
    width:27px;
}
.tpl_reecouter #commands .prev img {background-position:0px 0px;}
.tpl_reecouter #commands .prev:hover img {background-position:0px -40px;}
.tpl_reecouter #commands .prev.inactive:hover img,
.tpl_reecouter #commands .prev.inactive img {background-position:0px -80px;}
.tpl_reecouter #commands .prev.inactive,
.tpl_reecouter #commands .next.inactive {cursor:default}
.tpl_reecouter #commands .play img {
    background-position:-299px 0px;
    height:33px;
    width:31px;
}
.tpl_reecouter #commands .play:hover img {background-position:-299px -40px;}
.tpl_reecouter #commands .next img {background-position:-591px 0px;}
.tpl_reecouter #commands .next:hover img {background-position:-591px -40px;}
.tpl_reecouter #commands .next.inactive img,
.tpl_reecouter #commands .next.inactive:hover img {background-position:-591px -80px;}
.tpl_reecouter #commands .play.pause:hover img,
.tpl_reecouter #commands .play.pause img {background-position:-299px -80px;}


.tpl_reecouter #emission {
    background:#3a3a3a;
    height:67px;
    padding:7px 7px 7px 10px;
    position:relative;
}
.tpl_reecouter #emission .content {
    height:67px;
    overflow:hidden;
    width:366px;
}
.tpl_reecouter #emission .metas {
    color:#a0a0a0;
    font-size:11px;
    line-height:12px;
    margin:0 0 5px;
    overflow:hidden;
    position:relative;
}
.tpl_reecouter #emission .title.emission {
    color:#efefef;
    font-weight:bold;
    text-transform:uppercase;
}
.tpl_reecouter #emission .author {
    color:#b8b7b7;
    font-weight:bold;
}
.tpl_reecouter #emission .title.diffusion {
    color:#fff;
    font-size:17px;
    font-weight:bold;
    letter-spacing:-1px;
    margin:3px 0;
    overflow:hidden;
}
.tpl_reecouter #emission .title.diffusion .time {
    color:#d4d4d4;
    font-size:14px;
    font-weight:normal;
    letter-spacing:normal;
}
.tpl_reecouter #emission .desc {
    color:#b1b1b1;
    display:inline;
    font-size:12px;
    line-height:14px;
    margin:3px 0 0;
}
.tpl_reecouter #emission .logo {
    position:absolute;
    top:10px;
    right:10px;
}

.tpl_reecouter #btn_share {
    background:url(img/player/bg-right-controls.png) no-repeat left center;
    height:31px;
    padding:2px 0 0 8px;
    width:38px;
}
.tpl_reecouter #btn_share.active {background-color:#393939;}

/* Share */
.tpl_reecouter .share {
    background:#373737;
    height:100px;
    padding:6px 10px 0;
    top:33px;
    width:461px;
}
.tpl_reecouter .share textarea {width:350px}
.tpl_reecouter .share .copy {margin-right:13px;}
.tpl_reecouter .share .code {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    background-position:371px bottom;
    margin-top:8px;
}
.tpl_reecouter .share .code textarea {padding:0px 8px;}
.tpl_reecouter .share .title {margin-top:7px;}

/* player no embeddable */
.tpl_reecouter .player-no-embedabble {
    height: 119px;
    background-color: #3A3A3A;
    overflow: hidden;
    padding: 20px 0px 0px 20px;
}
.tpl_reecouter .player-no-embedabble .logo-site-name, .tpl_reecouter .player-no-embedabble .content {
    float:left;
}
.tpl_reecouter .player-no-embedabble .logo-site-name{
    width:95px;
}
.tpl_reecouter .player-no-embedabble .content{
    width: 340px;
    padding: 5px 0px 0px 5px;
}
.tpl_reecouter .player-no-embedabble .content h1 {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
}