/* General styles */
body, html {
    background-color: #f1f2f3;
    background: url(../img/bg.jpg) repeat;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
     transition: transform .2s;
    -webkit-transition: -webkit-transform .2s;
}

/* Body animation when left panel is opened */
body.ps-active {
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}

/* Body animation when right panel is opened */
body.ps-active-right {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

/* Panel styles */
.panel {
    position: fixed;
    top: 0;
    padding: 0 0 0 0!important;
    margin: 0 0 0 0!important;
    width: 300px;
    height: 100%;
    background-color: #fff;
}

#menu-gauche {
    left: 0;

    /* Hide panel on the left of the page. When this panel is opened the
    class .ps-active will be apllied to body, and it's X translation will
    reveal the panel. */
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

#right-panel {
    right: 0;

    /* Hide panel on the right of the page. When this panel is opened the
    class .ps-active-right will be apllied to body, and it's X translation
    will reveal the panel. */
    -webkit-transform: translateX(260px);
    -ms-transform: translateX(260px);
    transform: translateX(260px);
}

.panel .collapsible { padding: 0 0 0 0; margin: 0 0 0 0; border: solid 0px!important; box-shadow: none!important;}
.panel .collapsible-header { background-color: #fff; color: #000; border-bottom-color: #dedede!important;}

.panel .collapsible-header i { float: right;}

.panel  .sub-collapsible { background-color: #fafafa!important;}
.panel .collapsible-body { border: none!important;}


img {
     vertical-align: middle;
 }

#timestamp { display: none;}

.logo-club-min-col {
    margin-bottom: 15px;
    margin-top: 15px;
}

.text-center {
    text-align: center;
}

#js-main {
    position: relative;
    width: 100%;
}

.progress-ajax {
    display: none;
    background-color: #bdcdd9;
    position: absolute;
    top: -10px;
}

.progress-ajax .indeterminate {
    background-color: #135384
}

.col {
    /* Animation Property */
    animation-property: width;
    animation-property: height;
    transition-duration: 0.2s;
    /* webkit */
    -webkit-animation-property: width;
    -webkit-animation-property: height;
    -webkit-transition-duration: 0.2s;
    /* moz */
    -moz-animation-property: width;
    -moz-animation-property: height;
    -moz-transition-duration: 0.2s;
    /* opera */
    -o-animation-property: width;
    -o-animation-property: height;
    -o-transition-duration: 0.2s;
}

.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}


.mobileonly { display: none; background-color: transparent; border: none; margin: 30px 0 0 0;}
@media screen and (max-width: 640px) {
    .mobileonly { display: block;}
    .container-jeux { background-color: #edecec; margin-bottom: 50px; margin-top: 50px;  padding: 0px!important;}
}

@media only screen and (min-width: 601px) {
    .container {
        width: 95%;
    }

}

@media only screen and (min-width: 993px) {
    .container {
        width: 90%;
    }
}

@media only screen and (min-width: 1024px) {
    .container {
        width: 98%;
    }
}

@media only screen and (min-width: 1280px) {
    .container {
        width: 95%;
    }
}


/*
body, html {
    background: url(../img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/

a {
    color: #204d74;
}

.navbar-fixed {
    z-index: 99999;
}

.btn, .btn-large {
    color: #fff;
    background-color: #135384;
}

.btn:hover, .btn-large:hover {
    color: #fff;
    background-color: #135384;
}

.btn:focus, .btn-large:focus {
    color: #fff;
    background-color: #17a7ff;
}

.btn-reverse {
    color: #000;
    background-color: #fff;
}

.btn-reverse:hover {
    color: #000;
    background-color: #fff;
}

.btn-reverse:focus {
    color: #000;
    background-color: #fff;
}

.btn-share i {
    color: #000;
    font-size: 20px;
}

.btn-reverse-bordered {
    color: #000;
    border: solid 1px #dedede;
    box-shadow: none;
    background-color: #fff;
}

.btn-reverse-bordered:hover, .btn-reverse-bordered:focus, .btn-reverse-bordered:active {
    color: #000;
    background-color: #fff;
}

.btn-back {
    margin-bottom: 25px;
}

.hr {
    border-color: #fafafa;
    margin-bottom: 25px;
}

.btn-cine {
    color: #000;
    border: solid 1px #dedede;
    box-shadow: none;
    font-size: 14px;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
    width: 100%;
}

.btn-cine:hover, .btn-cine:focus, .btn-cine:active {
    color: #000;
    font-size: 14px;
    background-color: #fff;
}

.btn-gagner {
    color: #fff;
    border: solid 1px #05243f;
    background-color: #05243f;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
    width: 100%;
    font-size: 14px;
}

.btn-gagner:hover, .btn-gagner:focus, .btn-gagner:active {
    color: #fff;
    background-color: #204d74;
    border: solid 1px #204d74;
}

/* Jeux en page d'accueil */
.liste-jeux {
    padding: 0 0 0 0 !important;
    margin: 0px !important;
}

.liste-jeux p {
    color: #787d86;
}

.jeu-en-cours, .jeu-fin {
    position: absolute;
    top: 10px;
    left: 10px;
}

.jeu-en-cours {
    background-color: #30a718;
    color: #fff;
    padding: 4px 15px 4px 15px;
}

.jeu-fin {
    background-color: #a71818;
    color: #fff;
    padding: 4px 15px 4px 15px;
}

.jeux-homepage {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 25px;
}

h3.titre-jeux {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    font-size: 25px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: 300;
    color: #2d3237;
}

.noborderbottom .line-item {
    border-bottom: none !important;
}

.item-jeu-home {
    position: relative;
}

.item-jeu-home h1 {
    color: #000;
    margin: 20px 0px 20px 0px;
    padding: 0px;
    font-size: 18px;
    font-weight: 500;
}

.item-jeu-home h1 a {
    color: #000;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

.item-jeu-home h1 a:hover {
    color: #000;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

.item-jeu-home a.btn {
    margin-bottom: 10px;
    width: 100%;
}

a.btn-more {
    background-color: #fff;
    color: #000;
}

a.btn-more:hover {
    background-color: #fafafa;
    color: #000;
}

.separator-in-list {
    margin-bottom: 30px !important;
}

.separator {
    clear: both;
    margin: 9px auto 0;
    min-height: 16px;
    position: relative;
    text-align: center
}

.separator hr {
    background: #dedede;
    border: 0;
    height: 2px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1
}

.separator-title {
    background: #fff;
    color: #000;
    display: inline-block;
    max-width: 80%;
    font-size: 18px;
    padding: 0 5px;
    position: relative;
    text-transform: uppercase;
    z-index: 2
}

.separator-title:hover {
    text-decoration: none;
    color: #135384
}

/* Drop down */
.dropdown-content {
    z-index: 999999;
}

/* Bouton écouter top */
.button-play-top {
    color: #fff;
}

.button-play-top img {
    width: auto;
    height: 40px;
}

.button-play-top .fa {
    font-size: 1px;
    margin-right: 5px;
}

.button-club-top {
    color: #fff;
}

.button-club-top img {
    width: auto;
    height: 40px;
}

.button-club-top-top .fa {
    font-size: 1px;
    margin-right: 5px;
}

/* Alertes */
.alert-msg {
    background-color: #e3c8c9;
    color: #a21318 !important;
    padding: 8px !important;
    margin-bottom: 20px !important;
}

.alert-msg-success {
    background-color: #d4e4c3;
    color: #538122 !important;
    padding: 8px !important;
    margin-bottom: 20px !important;
}

.downloadphoto {
    background-color: #fafafa;
    padding: 25px;
    margin: 25px 0px 25px 0px;
}


.col-pub-300-right { width: 100%; margin: 25px 0px 25px 0px; text-align: center;}
.micropubhome { width: 100%; background-color: #fff;  margin: 25px 0px 25px 0px; text-align: center;}
/* Media query */

.show-for-extra-big-only {
    display: none;
}

@media only screen and (min-width: 1400px) {
    .show-for-extra-big-only {
        display: block !important;
    }
}

.show-for-extra-big-only-int {
    display: none;
}

@media only screen and (min-width: 1300px) {
    .show-for-extra-big-only-int {
        display: block !important;
    }
}

@media only screen and (max-width: 1024px) {
    .col-central-pub {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    .col-central {
        display: block !important;
        width: 100% !important;
    }
}

/* Header */

@media only screen and (min-width: 0) {
    .center-header-nav-container {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .center-header-nav-container {
        width: 95%;
    }
}

@media only screen and (min-width: 1024px) {
    .center-header-nav-container {
        width: 98% !important;
    }
}

@media only screen and (min-width: 1200px) {
    .center-header-nav-container {
        width: 85% !important;
    }
}

.center-header-nav-container {
    margin: auto;
    position: relative;
}

.nav-header {
    margin: auto;
    height: 64px;
    text-align: left;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    background-color: #135384;
    box-shadow: none;
}

.nav-header ul li a:hover {
    background-color: #1482c6;
}

.nav-header ul li {
    position: relative;
}

.nav-header ul li ul {
    display: none;
}

.nav-header ul li:hover ul {
    display: block;
    width: 220px;
    background-color: #fff !important;
    position: absolute;
    top: 100%;
    z-index: 9999;
    left: 0px;
}

.nav-header ul li ul li {
    width: 100%;
    text-align: left;
    padding: 0px !important;
    line-height: normal !important;
}

.nav-header ul li ul li a {
    width: 100%;
    display: inline-block;
    color: #000 !important;
    padding: 10px 10px 10px 10px !important;
}

.nav-header ul li ul li:hover a {
    color: #fff !important;
    background-color: #135384 !important;
}

.nav-header ul li:active {
    background-color: transparent !important;
}

.brand-logo {
    margin-top: 5px;
    vertical-align: inherit !important;
}

.brand-logo img {
    vertical-align: inherit !important;
}

.brand-btn-listen {
    margin-top: 12px;
}

.brand-btn-listen-min {
    margin-top: 12px;
    margin-right: 12px;
}

.menu_icon_share i, .menu_icon_share a {
    font-size: 23px !important;
    color: #05243f;
}

.menu_icon_share a:hover i, .menu_icon_share a:hover {
    font-size: 23px !important;
    color: #fff !important;
}

/* Sub Navigation */
.clearfixheader {
    clear: both;
    height: 0px !important;
    max-height: 0px !important;
}

nav .nav-wrapper-ov {
    height: 64px;
    max-height: 64px;
    overflow: visible;
    overflow-y: visible !important;
}

.sub-nav-header:before {
    clear: both;
    content: "";
    opacity: 0;
}

.sub-nav-header {
    background-color: #05243f;
    margin: 0 0 0 0 !important;
    height: 54px;
    line-height: 54px;
}

.sub-nav-header ul li {
    height: 54px;
}

.sub-nav-header ul li a {
    font-size: 13px;
}

.sub-nav-header ul li a:hover {
    background-color: #0d5082;
}

.weather-icon-top {
    margin-top: 8px;
}

/* White navigation bar */

/* Sub Navigation */
.navbar-fixed {
    margin-bottom: 0px;
    box-shadow: none;
}

.top-nav-header {
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;;
}

.top-nav-header ul li {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.top-nav-header ul li {
    height: 30px;
}

.top-nav-header ul li a {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
}

.top-nav-header ul li a i {
    font-size: 14px;
    color: #b5c6d2;
    display: block;
    width: auto;
    height: auto;
    line-height: 100%;
    margin-top: 8px !important;
    margin-right: 5px;
    float: left;
}

.top-nav-header ul li a:hover {
    background-color: #fff;
    color: #1482c6;
}

.top-nav-header ul li a:hover i {
    background-color: #fff;
    color: #1482c6;
}

.navbar-fixed-top {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99;
}

/* Home page */
.body-container {
    margin-top: 20px;
}

.pub-728-home {
    margin-bottom: 0px;
    padding: 15px;
    background-color: #dbdddf;
    text-align: center;
}


.pub-728-footer {
    margin-bottom:0px;
    padding: 15px;
    background-color: #dbdddf;
    text-align: center;
}

.white-block {
    background-color: #fff;
    padding: 0 0 20px 0;
}

.content-item {
    padding: 20px 20px 10px 20px;
    margin-bottom: 0px;;
}

.content-item p {
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: solid 1px #dedede;
}

.big-item {
    position: relative;
}

.big-item h1 {
    font-size: 28px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
}

.big-item a h1:hover {
    color: #000;
    text-decoration: underline;
}

.container-img-btn {
    position: relative;
}

.button-hide {
    opacity: 0;
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.big-item:hover .button-hide {
    opacity: 1;
}

.fixed-action-btn {
    position: absolute;
    right: 23px;
    top: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 998;
}

.fixed-action-btn.horizontal ul {
    right: 54px;
}

.fixed-action-btn.horizontal {
    padding: 0px;
}

.fixed-action-btn.horizontal ul li {
    display: inline-block;
    margin: 0px 15px 0 0;
}

.fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden;
}

.fixed-action-btn ul li {
    margin-bottom: 15px;
}

.fixed-action-btn ul a.btn-floating {
    opacity: 0;
}

.line-item {
    margin: 15px 15px 15px 15px;
    border-bottom: solid 1px #dedede;
}

.list-item-line:first-child {
    padding-top: 5px;
}

.vl {
    display: none;
}

.list-item-line h1 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
}

.list-item-line a h1:hover {
    color: #000;
    text-decoration: underline;
}

.categorie-name h3 {
    font-size: 19px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #78848e;
}

h3.categorie-name {
    font-size: 19px;
    font-weight: 300;
    margin-top: 0px;
    padding: 0px;
    margin-bottom: 5px;
    color: #78848e;
}

h3.date-concert {
    font-size: 22px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 25px;
    color: #000;
    text-align: left;

}

.adressegalaxie {
    padding: 25px;
    margin-bottom: 25px;
}

.categorie-name:hover h3 {
    text-decoration: underline;
    color: #000;
}

.m_tabs-col-now {
    background-color: transparent;
    padding-top: 0px;
}

.m_tabs .tab {
    line-height: 45px;
    height: 45px;
    letter-spacing: .8px;
    width: 15%;
}

.m_tabs {
    height: 45px;
    letter-spacing: .8px;
    width: 15%;
}

.m_tabs-col-now li a.active {
    color: #135384 !important;
}

.m_tabs-col-now .indicator {
    background-color: #135384;
    height: 3px;
}

.m_tabs-col-now li a {
    font-size: 15px;
    color: #666 !important;
    text-transform: uppercase;
    padding-top: 0px;
}

.program-block {
    background-color: #fff;
    padding: 15px;
}

.program-block h6 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 0px;
    color: #000;
}

.avec-animateur {
    background-color: #fff;
    padding: 0px;
}

.avec-animateur h4 {
    text-align: center;
    font-size: 17px;
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 8px;
    border-top: solid 1px #dedede;
    font-weight: 600;

    color: #000;
}

.hours-onair-container {
    position: absolute;
    bottom: 9px;
    left: 0px;
    text-align: center;
    width: 100%;
}

.hours-onair-container .hours-onair {
    background-color: #135384;
    color: #fff;
    padding: 5px 10px 5px 15px;
    margin: auto;
}

.chip-now {
    border: solid 1px #dedede;
    background-color: #fafafa;
    color: #000;

}

/* Flash News */
.flash-news {
    background-color: #fff;
    margin-top: 20px;
}

.flash-news h4 {
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    color: #000;
    border-bottom: solid 1px #dedede;
}

.collection, .collection, .collection-item {
    border: none;
}

.collection .collection-item.flash-news {
    min-height: 84px;
    padding-left: 84px;
    border-bottom: dashed 1px #d89bc2;
    position: relative;
}

.collection .collection-item.flash-news:last-child {
    border-bottom: none;
}

.collection .collection-item.flash-news .hours {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 30px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle;
}

.collection .collection-item.flash-news .lng {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0px;
    overflow: hidden;
    background-color: #bb117e;
    left: 67px;
    display: inline-block;
    vertical-align: middle;
}

.collection .collection-item.flash-news .title {
    font-weight: bold;
}

.collection .collection-item.flash-news .hours:after {
    color: #bb117e;
    font-family: 'FontAwesome';
    content: "\f017";
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
}

.collection .collection-item.flash-news a {
    color: #000;
}

.collection .collection-item.flash-news a:hover span {
    text-decoration: underline;
    color: #000;
}

/* Bourse*/
.bourse-colonne {
    background-color: #fff;
    margin-top: 20px;
}

.bourse-colonne h4 {
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    color: #000;
    border-bottom: solid 1px #dedede;
}

.content-bourse {
    padding: 15px;
}

.bourse-colonne table tbody tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.bourse-colonne table tbody tr td:last-child {
    border-bottom: none !important;
}

.bourse-colonne table tbody tr td .titlebourse {
    font-weight: bold;
}

/* Bloc d'authentification */
.authentification-block {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 13px;
    margin-top: 15px;
}

.authentification-block p {
    padding: 0px;
    margin: 0 0 15px 0px;
}

.authentification-block a {
    margin-bottom: 3px;
    font-size: 12px;
}

.social-block {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 13px;
    margin-top: 15px;
}

.social-block p {
    padding: 0px;
    margin: 0 0 15px 0px;
}

.social-block a {
    margin-bottom: 3px;
    width: 45%;
    font-size: 22px;
    color: #000;
}

a.btn-facebook {
    background-color: #496daa;
    color: #fff;
}

a.btn-twitter {
    background-color: #00acec;
    color: #fff;
}

a.btn-googleplus {
    background-color: #de2214;
    color: #fff;
}

a.btn-youtube {
    background-color: #a81b10;
    color: #fff;
}

.social-block a:hover {
    color: #000;
}

.btn-block {
    display: block;
    width: 100%;
}

h4.club {
    font-size: 15px;
    color: #666;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

/* Blocs de photos en colonne */
.photos-colonne {
    background-color: #fff;
    margin-top: 20px;
}

.photos-colonne h4 {
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    color: #000;
    border-bottom: solid 1px #dedede;
}

/* Blocs de colonne */

.item-col {
    margin: 15px 15px 15px 15px;
    border-bottom: solid 1px #dedede;
}

.item-col h1 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 0px;
    color: #000;
}

.item-col a h1:hover {
    color: #000;
    text-decoration: underline;
}

/* Icône Hover */
.abs-img-hover {
    position: relative;
}

.abs-img-hover .abs-icons {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center !important;
    margin: auto;
    width: 100%;
    height: 100%;
}

.abs-img-hover .abs-icons span {
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin: auto;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.abs-img-hover .abs-icons span:hover {
    opacity: 0.7;
}

.playmincarree {
    background: url('../img/playmincarree.png') no-repeat center;
    cursor: pointer;
}

.playvideomin {
    background: url('../img/playmin.png') no-repeat center;
}

.playaudiomin {
    background: url('../img/playaudiomin.png') no-repeat center;

}

.playvideomax {
    background: url('../img/play.png') no-repeat center;
}

.playaudiomax {
    background: url('../img/playaudiobig.png') no-repeat center;
}

/* History titles */
#grpReinit {
    display: none;
}

.historycol, .historycol, .historycol-item {
    border: none;
    margin: 0px;
    width: 100%;
    overflow: hidden;
    padding: 0px;
}


.historycol, .historycol, .historycol-item a { color: #000; font-size: 13px;}


.historycol .historycol-item.flash-news {
    min-height: 84px;
    padding-left: 84px;
    border-bottom: dashed 1px #dedede;
    position: relative;
}

.historycol .historycol-item.flash-news:last-child {
    border-bottom: none;
}

.historycol .historycol-item.flash-news .hours {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 30px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle;
}

.historycol .historycol-item.flash-news .lng {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0px;
    overflow: hidden;
    background-color: #dedede;
    left: 67px;
    display: inline-block;
    vertical-align: middle;
}

.historycol .historycol-item.flash-news .title {
    font-weight: bold;
}

.historycol .historycol-item.flash-news .cover img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.historycol .historycol-item.flash-news .hours:after {
    color: #000;
    font-family: 'FontAwesome';
    content: "\f017";
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
}

.historycol .historycol-item-active.flash-news .hours:after {
    color: #de1111;
}

.historycol .historycol-item-active.flash-news .lng {
    background-color: #de1111;
}

.form-history {
    background-color: #fff;
    position: relative;
    margin: 25px 0px 0px 0px;
    padding: 0px;
}

.form-history h4 {
    font-size: 17px;
    position: absolute;;
    top: 15px;
    left: 15px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    color: #000;
}

.form-history h3 {
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: solid 2px #dedede;
    font-weight: 400;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 5px 0px;
    color: #000;
}

.infos-right-onair h4 i, .infos-right-onair h3 i {
    color: #666;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    margin-top: 5px;
}

#encemoment_description {
    margin: 0px;
    padding: 0px;
}

.linkProg:hover {
    text-decoration: underline;
}

.form-history label {
    color: #000;
}

.form-history input {
    background-color: #dedede;
    border: solid 1px #dedede;
    width: 100%;
    padding: 5px;
}

/* Navigation left */
.side-nav {
    z-index: 999999;
}

/* Jeux */
.jeux-colonne {
    background-color: #fff;
    margin-top: 20px;
    padding: 20px 20px 10px 20px;
}

.jeux-colonne h4 {
    font-size: 20px;
    font-weight: 400;
    padding: 0px;
    margin: 0px 0px 15px 0px;
    color: #000;
}

.item-col-jeu {
    padding: 0px;
}

.item-col-jeu img {
    border: solid 1px #dedede;
}

.item-col-jeu h1 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 0px;
    color: #000;
}

.item-col-jeu a h1:hover {
    color: #000;
    text-decoration: underline;
}

.owl-theme .owl-nav {
    position: absolute;
    top: -50px;
    right: 5px;
}

.col-social {
    margin-bottom: 20px;
}

/* Météo en colonne */
.meteo-colonne {
    background-color: #fff;
    margin-top: 20px;
}

.meteo-colonne h4 {
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    color: #000;
    border-bottom: solid 1px #dedede;
}

.global-meteo {
    background-color: #135384;
    padding: 15px 15px 15px 15px;
    color: #fff;
}

.global-meteo h3 {
    font-size: 18px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    color: #fff;
}

.global-meteo .deg {
    font-size: 60px;
    font-weight: 100;
    padding: 0px;
    display: block;
    line-height: 60px;
    margin: 0px;
    color: #fff;
}

.global-meteo .town {
    font-size: 30px;
    display: block;;
    font-weight: 100;
    padding: 0px;
    margin: 0px;
    color: #fff;
}

.min-meteo {
    background-color: #fff;
    padding: 15px 15px 15px 15px;
    color: #333;
    border-bottom: solid 1px #dedede;
}

.min-meteo:last-child {
    border-bottom: solid 0px #dedede;
}

.min-meteo h3 {
    font-size: 15px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    color: #000;
}

.min-meteo .deg {
    font-size: 40px;
    font-weight: 100;
    padding: 0px;
    display: block;
    line-height: 60px;
    margin: 0px;
    color: #000;
}

.min-meteo .town {
    font-size: 20px;
    display: block;;
    font-weight: 100;
    padding: 0px;
    margin: 0px;
    color: #000;
}

.meteo-top {
    display: none;
    line-height: normal;
    width: 420px;
    position: absolute;
    top: 54px;
    right: 0px;
    z-index: 99999;
}

.menu-meteo img {
    padding-top: 10px;
    display: block;
}

.open-meteo {
    cursor: pointer;
}

.global-meteo-top {
    background-color: #05243f;
    padding: 15px 15px 15px 15px;
    color: #fff;
    display: block;
}

.global-meteo-top:hover {
    background-color: #07345b;
    color: #fff;
    display: block;
}

.global-meteo-top h3 {
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    padding: 0px;
    margin: 0px;
    color: #fff;
}

.global-meteo-top .deg {
    font-size: 40px;
    font-weight: 100;
    padding: 0px;
    display: block;
    line-height: 40px;
    margin: 0px;
    clear: both;
    color: #fff;
}

.global-meteo-top .ville {
    font-size: 25px;
    line-height: normal;
    font-weight: 100;
    padding: 0px;
    margin: 0px;
    color: #fff;
}

.global-meteo-top .vent {
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

.min-meteo-top {
    background-color: #fff;
    padding: 8px 15px 8px 15px;
    color: #333;
    border-bottom: solid 1px #dedede;
    display: block;
}

.min-meteo-top:hover {
    background-color: #fafafa;
}

.min-meteo-top:last-child {
    border-bottom: solid 0px #dedede;
}

.min-meteo-top h3 {
    font-size: 15px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    color: #000;
}

.min-meteo-top .deg {
    font-size: 25px;
    font-weight: 100;
    padding: 0px;
    display: block;
    line-height: 25px;
    margin: 0px;
    color: #000;
}

.min-meteo-top .town {
    font-size: 20px;
    display: block;;
    font-weight: 100;
    padding: 0px;
    margin: 0px;
    color: #000;
}

/* Newsletter en colonne */
.col-newsletter {
    background-color: #fff;
    padding: 0px;
    margin-bottom: 20px;
    color: #000;
}

.col-newsletter h4 {
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    color: #000;
    border-bottom: solid 1px #dedede;
}

.col-newsletter .lettrelorfm {
    padding: 15px;
    text-align: left;
}

.col-newsletter .lettrelorfm input {
    padding: 8px;
    background-color: #fff;
    border: solid 1px #dedede;
    width: 100%;
    margin-bottom: 10px;
}

.col-newsletter button {
    font-size: 16px;
}

.col-newsletter .row {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.annonces-colonne {
    background-color: #fff;
    padding: 0px;
    color: #000;
    margin-top: 20px;
    padding-bottom: 15px;
}

.annonces-colonne h4 {
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    color: #000;
    border-bottom: solid 1px #dedede;
}

.annonces-colonne h4.secondeh4 {
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    color: #000;
    border-bottom: solid 1px #dedede;
}

.collection-annonces-cat li a {
    color: #000;
    display: block;
}

.listes-annonces .title {
}

.listes-annonces strong {
    font-weight: bold;
    color: #135384;
    display: block;
}

.listes-annonces p {
    color: #666;
}

/* Pub gauche */
.pub-fixed {
    position: fixed;
}

.relative {
    position: relative;
}

/* Footer */
@media only screen and (max-width: 601px) {
    .footerWebsite .colpub {
        display: none !important;
    }
}

.footerWebsite {
    display: block;
    background-color: #fff;
    margin-bottom: 0px !important;
    overflow: hidden;
    margin-top:0px !important;
}

.footerWebsite .row, .footerWebsite .col, .footerWebsite .container {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.footer-bg-menu {
    background-color: #135384;
    padding: 25px 0px 80px 0px;
}

.footer-bg-menu img.logo {
    margin-left: 30px;
}

.footer-bg-menu .collection {
    background-color: transparent;
    margin: 0 10px 0 10px;
}

.footer-bg-menu .collection li {
    background-color: transparent;
    border-bottom: solid 1px #3584c1;
}

.footer-bg-menu .collection li a {
    color: #fff;
}

.pub-radio-footer h3 {
    text-transform: uppercase;
    letter-spacing: -3px;
    font-size: 40px;
    font-weight: 200;
}

.pub-radio-footer h3 i {
    z-index: 1;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -8px;
    color: #135384;
}

.pub-radio-footer a {
    z-index: 1;
    margin-left: 80px;
}

.pub-radio-footer ul li {
    z-index: 1;
    margin-left: 80px;
    text-transform: none;
    letter-spacing: -2px;
    font-size: 22px;
    font-weight: 300;
}

.pub-radio-footer ul li strong {
    z-index: 1;
    font-size: 22px;
    font-weight: 600;
}

.bgiconfooter {
    color: #f1f2f3;
    font-size: 350px;
    position: absolute;
    z-index: 0;
    right: 80%;
    top: 0px;

    /* Safari */
    -webkit-transform: rotate(-15deg);

    /* Firefox */
    -moz-transform: rotate(-15deg);

    /* IE */
    -ms-transform: rotate(-15deg);

    /* Opera */
    -o-transform: rotate(-15deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}

.partenaire-footer {
    border-top: solid 1px #f1f2f3;
    padding-top: 25px;
    margin-top: 50px;
    padding-bottom: 25px;
}

/* Player */
@media only screen and (max-width: 601px) {
    .player-fixed {
        width: 100% !important;
        height: 103px;
        background-color: #135384;
        position: fixed;
        bottom: 0px;
        right: 0px;
        z-index: 9999;
    }

}

.player-fixed {
    width: 680px;
    height: 103px;
    background-color: #135384;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
}

.player-fixed .current-infos-metas {
    position: absolute;
    left: 106px;
    top: 5px;
    color: #fff;
    width: 320px;
}

.player-fixed .current-infos-metas:hover {
    color: #7ca8ca;
}

.player-fixed .current-onair-prog {
    position: absolute;
    left: 106px;
    top: 25px;
    color: #7ca8ca;
}

.player-fixed .current-onair-prog:hover {
    color: #7ca8ca;
}

.player-fixed #timer {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.controls a i {
    color: #fff;
    font-size: 40px;
    position: absolute;
    bottom: 10px;
    left: 106px;
}

.controls a:hover {
    cursor: pointer;
}

#stopStream {
    display: none;
}

.radiolisteplayer {
    position: absolute;
    left: 480px;
    height: 103px;
    background-color: #0d3757;
    width: 200px;
    z-index: 99;
}

.radiolisteplayer img#logoradio {
    display: block;
    height: 103px;
    position: absolute;
    left: 0px;
}

.radiolisteplayer img#logoradio:hover {
    cursor: pointer;
    opacity: 0.5;
}

.radiolisteplayer a.linkforchange {
    display: block;
    height: 103px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    width: 90px;
    position: absolute;
    right: 0px;
    line-height: 103px;
}

.listeradiooutside {
    display: none;
    position: absolute;
    top: -103px;
    height: 103px;
    width: 206px;
    background-color: #0d3757;
}

.listeradiooutside img {
    margin: 0px;
    float: left;
}

.listeradiooutside img:hover {
    cursor: pointer;
    opacity: 0.5;
}

#seekControl {
    position: absolute;
    top: -20px;
    height: 20px;
    width: 680px;
    background-color: #05243f;
}

#seekControl #sliderseek {
    background-color: #05243f;
    background-image: none;
    border: 0;
    height: 20px;
    border-radius: 0px !important;
}

#sliderseek .ui-slider-handle {
    position: absolute;
    z-index: 2;
    border-radius: 0px !important;
    width: 10px;
    height: 20px;
    cursor: pointer !important;
    border: none !important;
    font-weight: bold;
    color: #1C94C4;
    background-color: #fff !important;
    border: solid 0px #fff !important;
    outline: none;
    top: 0px;
    margin-left: 0px;
}

.ui-slider-range {
    background-color: #1c88da !important;
    border-radius: 0px !important;
}

.jp-controls-holder {
    position: absolute;
    top: -20px;
    z-index: 99;
    width: 100%;
    color: #000;
    background-color: transparent;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
}

.jp-duration {
    float: right;
}

.deposerLeft {
    width: 300px;
    height: 103px;
    background-color: transparent;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}

.deposerRight {
    width: 300px;
    height: 103px;
    background-color: transparent;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
}

.dropper {
    position: absolute;
    top: 0px !important;;
    left: 0px !important;
}

.zone-drop-active {
    border: dashed 3px #dedede;
}

.zone-drop-survolee {
    border: 1px solid #3AFF54;
}

#volumeControl {
    position: absolute;
    left: 140px;
    top: 67px;
}

section.volumeControl {
    width: 200px;
    height: auto;
    position: relative;
}

#sliderVolume {
    border-width: 1px;
    border-style: solid;
    border-color: #1a66a1 #1a66a1 #05243f #1a66a1;
    border-radius: 25px;
    width: 150px;
    position: absolute;
    height: 13px;
    background-color: #05243f;
    background: url('../img/player/bg-track.png') repeat top left;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5),
    0 1px 0 0px rgba(5, 36, 63, .5);
    left: 20px;
}

.volume {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    right: -5px;
    background: url('../img/player/volume.png') no-repeat 0 -50px;
    position: absolute;
    margin-top: -5px;
}

#volumeControl .tooltip {
    position: absolute;
    display: block;
    top: -25px;
    width: 35px;
    height: 20px;
    color: #000;
    text-align: center;
    font: 10pt Tahoma, Arial, sans-serif;
    border-radius: 3px;
    background-color: #fff;

}

#volumeControl .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 25px;
    cursor: pointer !important;
    background: url('../img/player/handle.png') no-repeat 50% 50% !important;
    border: none !important;
    font-weight: bold;
    color: #1C94C4;
    border: solid 0px #fff !important;
    outline: none;
    top: -7px;
    margin-left: -12px;
}

#volumeControl .ui-slider-range {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
    position: absolute;
    border: 0;
    top: 0;
    height: 100%;
    border-radius: 25px;
}

.progress-player {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #135384;
    display: none;
}

.progress-player .determinate {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #165a8d;
    transition: width .3s linear;
}

.progress-player .indeterminate {
    background-color: #165a8d;
}

/* Page de liste d'articles */
.int-block {
    padding: 15px;
}

.liste-article-liste {
}

.liste-article-liste .line-item-block {
}

.liste-article-liste h1 {
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
}

.liste-article-liste a h1:hover {
    color: #000;
    text-decoration: underline;
}

/* Articles featured */
.featured-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #dedede;
}

.featured-item .content {
    margin: 15px 0px 0px 0px;
}

.featured-item .content p {
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.featured-item .content h3 {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    color: #666;
}

.featured-item .content h1 a {
    font-size: 35px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    color: #2d3338;
}

.featured-item .content h1 a:hover {
    text-decoration: none;
    color: #000;
}

.publied {
    color: #797f84;
    margin-top: 15px !important;
}

p .publied {
    margin-top: 5px !important;
    display: block;
    font-size: 12px;
}

.item-in-list {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #dedede;
}

.item-in-list .content {
    margin: 0px 0px 0px 0px;
}

.item-in-list .content p {
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.item-in-list .content h3 {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    color: #666;
}

.item-in-list .content h1 a {
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    color: #000;
}

.item-in-list .content h1:hover {
    text-decoration: none;
    color: #000;
}

.item-in-list .row {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.text {
    text-align: center;
    margin: 200px 0 0 0;
}

/* Fil d'ariane */
.breadcrumb-wrapper {
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    box-shadow: none;
    padding-left: 15px;
    padding-right: 15px;
}

.breadcrumb {
    color: #44474a;
    font-size: 15px;
}

.breadcrumb:last-child {
    color: #44474a;
}

.breadcrumb i,
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
.breadcrumb i.material-icons {
    display: inline-block;
    float: left;
    font-size: 24px;
}

.breadcrumb:before {
    content: '\E5CC';
    color: rgba(0, 0, 0, 0.7);
    vertical-align: top;
    display: inline-block;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    margin: 0 10px 0 8px;
    -webkit-font-smoothing: antialiased;
}

/* Dropdown crumb */
.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 220px;
    max-height: 650px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: width, height;
}

.dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    min-height: 15px;
    line-height: normal;
    width: 100%;
    text-align: left;
    text-transform: none;
}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
    background-color: #fafafa;
}

.dropdown-content li.active.selected {
    background-color: #e1e1e1;
}

.dropdown-content li.divider {
    min-height: 0;
    height: 1px;
}

.dropdown-content li > a, .dropdown-content li > span {
    font-size: 16px;
    color: #000;
    display: block;
    line-height: normal;
    padding: 7px 8px;
}

.dropdown-content li > span > label {
    top: 1px;
    left: 3px;
    height: 18px;
}

.dropdown-content li > a > i {
    height: inherit;
    line-height: inherit;
}

/* Index des catégories */
.page-header {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 2px #dedede;
}

.header-jeu {
    margin-top: 25px;
}

.page-header h1 {
    margin: 0px;
    padding: 0px;
    font-size: 50px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #2d3338;
}

.page-header h1 a {
    font-size: 14px;
}

.page-header h1 strong {
    font-weight: 300;
    color: #4d5b68;
}

.page-header h2 {
    margin: 0px;
    padding: 0px;
    font-size: 35px;
    letter-spacing: -1px;
    font-weight: 300;
    color: #687178;
}

.page-header-min {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 2px #dedede;
}

.page-header-min h4 {
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #2d3338;
}

.page-header-min h4 a {
    color: #2d3338;
}

.bagde_updated {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #e5eaef;
    color: #4e6070;
    padding: 8px 15px 8px 15px;
}

/* Pagination */
nav.nav-pagination {
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
    border: 0px;
    margin: 0px;
    line-height: normal
}

.pagination li {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px;
}

.pagination li a, .pagination li span {
    color: #444;
    display: inline-block;
    font-size: 1.2rem;
    padding: 0 10px;
    line-height: 30px;
}

.pagination li.active a, .pagination li.active span {
    color: #fff;
}

.pagination li.active {
    background-color: #204d74;
}

.pagination li.disabled a {
    cursor: default;
    color: #999;
}

.pagination li i {
    font-size: 2rem;
}

.pagination li.pages ul li {
    display: inline-block;
    float: none;
}

/* Index des catégories */
.item-detail {
    margin-bottom: 30px;
}

.item-detail h1.title {
    margin: 0px 0px 25px 0px;
    padding: 0px;
    font-size: 50px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #2d3338;
}

.item-detail h1.title span {
    display: block;
    color: #666;
    font-size: 30px;
    font-weight: 200;
}

.item-detail h2.subtitle {
    margin: 0px 0px 25px 0px;
    padding: 0px;
    font-size: 24px;
    font-weight: 300;
    color: #000;
}

.sub2 {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    margin: 25px 0px 20px 0px;
    padding: 0px;
}

blockquote {
    border-left-color: #0A246A;
}

/* Commentaires */
.vide {
    color: #666;
    margin: 15px;
    padding: 15px;
}

.comments {
    padding: 25px;
    border-top: solid 1px #dedede;
}

.table-listen .comments { border-top: none!important;}

.comments header h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 35px;
    letter-spacing: -1px;
    font-weight: 200;
    color: #2d3338;
}

.comments .prefix {
    color: #666;
}

.comment-detail {
    padding: 15px;
    border-bottom: solid 1px #dedede;
}

.comment-detail h3 {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #2d3338;
}

.comment-detail img {
    float: left;
    margin-right: 15px;
    border: solid 1px #dedede;
}

.comment-detail h3 .clubh3 {
    font-weight: 300;
    color: #666;
    padding-left: 10px;
}

.comment-detail h4 {
    color: #797f84;
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

/* Bloc de partage */
.share-block {
    margin-top: 25px;
    margin-bottom: 25px;
}

.share-block .btn {
    text-transform: capitalize;
}

.share-block .btn-facebook {
    background-color: #3b5998;
}

.share-block .btn-twitter {
    background-color: #55acee;
}

.share-block .btn-g-plus {
    background-color: #c53535;
}

.share-block .btn-reaction {
    background-color: #343b3f;
}

.share-block .btn-reaction {
    background-color: #343b3f;
}

/* Popup image */
.zoomimg {
    cursor: zoom-in;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

/* Cinéma */
.card-film {
}

.card-film .card-content {
    padding: 0px 10px 10px 10px !important;
}

.card-film .card-title {
    font-size: 15px;
    line-height: normal !important;
}

.card-film .card-genres {
    font-size: 14px;
    line-height: normal !important;
    font-weight: 600;
}

.nav-cine {
    background-color: #fafafa;
}

.nav-cine li a {
    color: #000;
}

.card-film .card-image .card-title {
    line-height: normal !important;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
}

address {
    font-style: normal;
    border: dashed 1px #dedede;
    padding: 15px;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 20px;
}

address h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

address p {
    margin: 0px;
    padding: 0px;
}

.infos {
    margin: 20px 0px 0px 0px;
    color: #666;
    font-size: 15px;
}

.carousel .indicators .indicator-item {
    width: 16px;
    height: 16px;
}

.subh2 {
    font-size: 24px;
    font-weight: 300;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.infosfilmtitle {
    font-size: 24px;
    font-weight: 300;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.infosfilmtitlefirst {
    margin-top: 0px !important;
}

.well-bande-annonce {
    padding: 25px;
    text-align: center;
    background-color: #fafafa;
}

.well-bande-annonce .btn {
}

/* Météo */
.content-meteo {
    border: solid 1px #000 !important;
    background-color: #fafafa !important;
    border-radius: 0px !important;
}

.tabs-meteo {
    margin-top: 25px !important;
}

.tabs-meteo .ui-widget-content {
    border: solid 0px !important;;
    border-radius: 0px !important;
}

.tabs-meteo .ui-widget-header {
    border: solid 0px !important;
    background-color: #135384;;
    border-radius: 0px !important;
}

.tabs-meteo .ui-state-default,
.tabs-meteo .ui-widget-content
.tabs-meteo .ui-state-default,
.tabs-meteo .ui-widget-header
.tabs-meteo .ui-state-default,
.tabs-meteo .ui-button,
.tabs-meteo html .ui-button.ui-state-disabled:hover,
.tabs-meteo html .ui-button.ui-state-disabled:active {
    border: solid 1px #306690 !important;
    border-bottom: none !important;
    background-color: #135384;;
    border-radius: 0px !important;
}

.tabs-meteo .ui-state-active {
    border: #135384 !important;
    background-color: #fff !important;
    color: #000 !important;
}

.tabs-meteo .ui-state-active h4 .min {
    color: #306690 !important;
}

.tabs-meteo .ui-state-active h4 .max {
    color: #903030 !important;
}

.tabs-meteo .ui-state-active h5 {
    color: #000 !important;
}

.tabs-meteo .ui-state-active h6 {
    color: #135384 !important;
}

.tabs-meteo ul li a {
    text-align: center;
}

.tabs-meteo ul li a h5 {
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #fff;
    font-weight: 600;
}

.tabs-meteo ul li a h5.desc {
    font-size: 13px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #fff;
    font-weight: 400;
}

.tabs-meteo ul li a h6 {
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #c7e7ff;
    font-weight: 400;
}

.tabs-meteo ul li a h6.vent {
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-weight: 400;
}

.tabs-meteo ul li a h4 {
    font-size: 17px;
    margin: 0px;
    padding: 0px;
}

.tabs-meteo ul li a h4 .min {
    color: #96adcd;
}

.tabs-meteo ul li a h4 .max {
    color: #ead20a;
}

.ligne-meteo-prev {
    text-align: center;
    margin-top: 20px;
}

.ligne-meteo-prev h5 {
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #000;
    font-weight: 600;
}

.ligne-meteo-prev h5.desc {
    font-size: 13px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #000;
    font-weight: 400;
}

.ligne-meteo-prev h6 {
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #05243f;
    font-weight: 400;
}

.ligne-meteo-prev h6.vent {
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #333;
    font-weight: 400;
}

.ligne-meteo-prev h4 {
    font-size: 17px;
    margin: 0px;
    padding: 0px;
}

.ligne-meteo-prev h3 {
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
}

.ligne-meteo-prev h4 .min {
    color: #05243f;
}

.ligne-meteo-prev h4 .max {
    color: #3f0505;
}

/* Programme TV */
.programme-tv-head {
    background-color: #353c43;
    padding: 0px !important;
    margin: 0px !important;;
}

.programme-tv-head tr {
    margin: 0px !important;;
}

.programme-tv-head td {
    margin: 0px !important;;
}

.programme-tv-head a {
    padding: 8px 0px 8px 0px;
    color: #fff;
    display: block;
    text-align: center;
}

.programme-tv-head a:hover {
    color: #fff;
    background-color: #135384;
    display: block;
}

td, th {
    padding: 0px 0px 0px 0px !important;
    margin: 0px !important;
}

.programme-tv {
    position: relative;
    width: 100%;
}

/*
.calendrier-tv { width: 100%; overflow-x: hidden; }
.programmation_scroller { width: 4800px;  overflow: auto;}
.calendrier-tv div.itemtv { width: 100px; height: 80px; float: left;}
.calendrier-tv div.sep { width: 100%; height: 5px; background-color: #dedede; clear: both; }
*/

.chaine {
    width: 120px;
    height: 120px;
    float: left;
    text-align: center;
    font-size: 12px;
    background-color: #fff;
    color: #666;
    border-bottom: solid 1px #dedede;
}

.chaine .valign {
    width: 100%;
    text-align: center;
}

.chaineh {
    width: 120px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #d5dbe0;
}

.listprogrammesheures {
    height: 40px;
    overflow-x: hidden;
    margin: 0 0 0 0 !important;
    overflow-y: hidden;
    padding-left: 4px !important;
    white-space: nowrap;
    background-color: #05243f;
}

.itemh {
    width: 420px;
    display: inline-block;
    margin: 0 0 0 -4px !important;
    padding: 0 0 0 0 !important;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.itemh a {
    color: #fff;
    display: block;
    padding-left: 5px;
    padding-top: 7px;
}

.listprogrammes {
    height: 120px;
    background-color: #d5dbe0;
    position: relative;
    padding: 4px 0px 4px 0px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 4px !important;
    white-space: nowrap;
    border-bottom: solid 1px #576067;
    -moz-box-shadow: inset 0px 0px 5px 0px #576067;
    -webkit-box-shadow: inset 0px 0px 5px 0px #576067;
    -o-box-shadow: inset 0px 0px 5px 0px #576067;
    box-shadow: inset 0px 0px 5px 0px #576067;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#576067, Direction=NaN, Strength=5);
}

.scroller {
    height: 120px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;

}

.item {
    width: 420px;
    display: inline-block;
    overflow: hidden;
    margin: 0 0 0 -4px !important;
}

.item * {
    white-space: normal;
}

.itemdynamic {
    position: absolute;
    overflow: hidden;
    height: 110px;
    background-color: #e7edf2;
    font-size: 12px;
    color: #666;
    border: solid 1px #fff;

    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
}

.itemdynamic .valign {
    height: 100%;
    width: 100%;
    padding-left: 10px !important;
    position: relative;
}

.itemdynamic .valign strong.title {
    color: #000;
    font-size: 13px;
    margin-top: 10px;
    display: block;
}

.itemdynamic .valign img {
    float: left;
    margin-right: 10px;
}

.itemdynamic .valign .badge {
    position: absolute;
    bottom: 0px;
    background-color: #135384;
    font-size: 12px;
    color: #fff;
    right: 0px;
}

.itemdynamic:hover {
    background-color: #fff;
}

.itemdynamic:hover {
    min-width: 400px;
    z-index: 99;
}

.filettv {
    width: 5px;
    position: absolute;
    background: rgba(255, 0, 174, 0.5);
    z-index: 99999;
}

.jumper-left {
    position: absolute;
    left: 130px;
    top: 0px;
    color: #fff;
    font-size: 27px;
}

.jumper-right {
    position: absolute;
    right: 10px;
    top: 0px;
    color: #fff;
    font-size: 27px;
}

/* Carousel liste jours */
.programme-tv-container {
    min-height: 1800px;
}

.carouseller:before, .carouseller:after {
    content: " ";
    display: table;
}

.carouseller:after {
    clear: both;
}

.carouseller [class*="span"] {
    margin-left: 0.2564102564102564% !important;
    *margin-left: 0.25109110747408616% !important;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.carouseller [class*="span"]:first-child, .carouseller [class*="span"]:first-child {
    margin-left: 0 !important;
}

.carouseller > .carousel-wrapper > .carousel-items > .span_by5 {
    width: 1.793789743589745%;
}

.carouseller > .carousel-wrapper > .carousel-items > .span12 {
    width: 10%;
}

.carouseller > .carousel-wrapper > .carousel-items > .span6 {
    width: 4.8837948717948715%;
}

.carouseller > .carousel-wrapper > .carousel-items > .span4 {
    width: 3.1703931623931625%;
}

.carouseller > .carousel-wrapper > .carousel-items > .span3 {
    width: 2.3136923076923077%;
}

.carouseller > .carousel-wrapper > .carousel-items > .span2 {
    width: 1.452991452991453%;
}

.carouseller > .carousel-wrapper > .carousel-items > .span1 {
    width: 0.5982905982905983%;
}

/*------Carouseller--------*/
.carouseller {
    position: relative;
    clear: both;
}

.carouseller .carousel-items {
    position: relative;
    width: 997.4358974358974%;
}

.carouseller .carousel-block {
    display: inline-block;
    position: relative;
}

.carouseller .carousel-block:nth-child(n+7) {
    display: none;
}

.carouseller .carousel-wrapper {
    overflow: hidden;
    position: relative;
    margin: 0 35px
}

.carouseller .carousel-button-left, .carouseller .carousel-button-right {
    position: absolute;
    margin: 0;
    bottom: -5px;
    background: none repeat scroll 0 0 transparent;
    font-size: 30px;
    opacity: 0.5;
    text-align: center;
    color: #000;
    text-decoration: none;
}

.carouseller .carousel-button-left {
    left: 0;
}

.carouseller .carousel-button-right {
    right: 0;
}

.carouseller .carousel-button-left:hover, .carouseller .carousel-button-right:hover {
    opacity: 0.8;
}

.carousel-block {
    text-align: center;
}

/*------Responsive-----------*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span_by5,
    .carouseller > .carousel-wrapper > .carousel-items > .span12,
    .carouseller > .carousel-wrapper > .carousel-items > .span6,
    .carouseller > .carousel-wrapper > .carousel-items > .span4,
    .carouseller > .carousel-wrapper > .carousel-items > .span3,
    .carouseller > .carousel-wrapper > .carousel-items > .span2,
    .carouseller > .carousel-wrapper > .carousel-items > .span1 {
        width: 3.1623931623931625%;
        *width: 3.1570740134569924%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span_by5,
    .carouseller > .carousel-wrapper > .carousel-items > .span12,
    .carouseller > .carousel-wrapper > .carousel-items > .span6,
    .carouseller > .carousel-wrapper > .carousel-items > .span4,
    .carouseller > .carousel-wrapper > .carousel-items > .span3,
    .carouseller > .carousel-wrapper > .carousel-items > .span2,
    .carouseller > .carousel-wrapper > .carousel-items > .span1 {
        width: 4.8717948717948715%;
        *width: 4.8664757228587014%;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span_by5,
    .carouseller > .carousel-wrapper > .carousel-items > .span12,
    .carouseller > .carousel-wrapper > .carousel-items > .span6,
    .carouseller > .carousel-wrapper > .carousel-items > .span4,
    .carouseller > .carousel-wrapper > .carousel-items > .span3,
    .carouseller > .carousel-wrapper > .carousel-items > .span2,
    .carouseller > .carousel-wrapper > .carousel-items > .span1 {
        width: 10%;
        *width: 9.94680851063829%;
    }
}

/* This can be deleted */
.carousel-block {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background-color: transparent;
}

.carousel-block a {
    color: #000;
}

.carousel-block a {
    color: #000;
}

.carouseller .active a {
    color: #135384;
}

/* Card music */
.card-music-artiste .card-action a {
    color: #000 !important;
}

/* Pagination */
.nav-pagination-lettre {
    background-color: #fafafa;
    box-shadow: none;
    padding: 15px;
    border: 0px;
    margin: 0px 0px 10px 0px;
    line-height: normal
}

.nav-pagination-lettre li {
    display: inline-block;
    text-align: center;
    line-height: normal;
    vertical-align: top;
}

.nav-pagination-lettre li a {
    color: #000;
    font-size: 18px;
    padding: 3px;
}

.tablemusic tr td {
    padding: 8px !important;
}

.tablemusic tr td .btn {
    margin-bottom: 3px !important;
}

/* Liste des programmes */
.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

/* The line */
.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #135384;
    left: 20%;
    margin-left: -10px;
}

.cbp_tmtimeline > li {
    position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
    font-size: 0.9em;
    color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.9em;
    color: #135384;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 15px 25%;
    color: #000;
    background-color: #fff;
    padding: 1em;
    position: relative;
    border-radius: 5px;
}

.cbp_tmtimeline > li .cbp_tmlabel h1 {
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 15px 0 5px 0;
    padding: 0px;
    color: #000;
}

.cbp_tmtimeline > li .cbp_tmlabel p {
    font-size: 15px;
    margin: 0px 0 15px 0;
    padding: 0px;
    color: #000;
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fafafa;
    border-width: 10px;
    top: 10px;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
    width: 40px;
    height: 40px;
    font-size: 25px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #135384;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #135384;
    text-align: center;
    left: 20%;
    top: 0;
    margin: 0 0 0 -25px;
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }

    .cbp_tmtimeline > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

    .cbp_tmtimeline > li .cbp_tmtime span {
        text-align: left;
    }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

    .cbp_tmtimeline > li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        top: -20px;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}

.item-sous-programme {
    margin-bottom: 0px;
    margin-left: 0px !important;
    margin-top: 20px;
    background-color: #fff;
    border-top: solid 1px #dedede;
    padding: 20px 5px 5px 5px;
}

.item-sous-programme h1 {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 500;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #000000;
}

.item-sous-programme h5 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.item-sous-programme h5 span {
    margin-left: 10px;
    color: #666;
}

.item-sous-programme a {
    display: inline-block;
    padding: 5px 8px 5px 8px;
    border: solid 1px #dedede;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
}

/* Photos */

#rig {
    max-width: 900px;
    margin: 0 auto; /*center aligned*/
    padding: 0;
    font-size: 0; /* Remember to change it back to normal font size if have captions */
    list-style: none;
}

#rig li {
    display: inline-block;
    *display: inline; /*for IE6 - IE7*/
    width: 33.33%;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* The wrapper for each item */
.rig-cell {
    margin: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: block;
    position: relative;
    overflow: hidden;
}

/* If have the image layer */
.rig-img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    transform: scale(1);
    transition: all 1s;
}

#rig li:hover .rig-img {
    transform: scale(1.05);
}

/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #3DC0F1 url(img/link.png) no-repeat center 20%;
    background-size: 50px 50px;
    opacity: 0;
    filter: alpha(opacity=0); /*For IE6 - IE8*/
    transition: all 0.6s;
}

#rig li:hover .rig-overlay {
    opacity: 0.8;
}

/* If have captions */
.rig-text {
    display: block;
    padding: 0 30px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    font-weight: normal !important;
    top: 40%;
    color: white;
    opacity: 0;
    filter: alpha(opacity=0); /*For older IE*/
    transform: translateY(-20px);
    transition: all .3s;
}

#rig li:hover .rig-text {
    transform: translateY(0px);
    opacity: 0.9;
}

@media (max-width: 9000px) {
    #rig li {
        width: 33.33%;
    }
}

@media (max-width: 700px) {
    #rig li {
        width: 33.33%;
    }
}

@media (max-width: 550px) {
    #rig li {
        width: 50%;
    }
}

/* Tableau des émissions */
a.button {
    display: block;
    padding: 5px 15px 5px 15px;
    text-align: center;
    margin-bottom: 5px;
    border: solid 1px #dedede;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
}

a.buttoninline {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    text-align: center;
    margin-bottom: 5px;
    border: solid 1px #dedede;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
}

.imgemission {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #dedede;
}

.tableemissions {
    margin-top: 15px;
}

.tableemissions tbody tr td {
    padding: 5px !important;
}

.tableemissions tbody tr td a {
    color: #000;
    font-size: 14px;
}

.tableemissions tbody tr td a strong {
    margin-right: 15px;
}

.tableemissions tbody tr td.buttons-list a {
    color: #000;
    background-color: #fff;
    padding: 3px 8px 3px 8px;
    border: solid 1px #dedede;
    display: inline-block;
}

.bgjours {
    background-color: #f1f2f3;
    padding: 15px 15px 10px 15px;
}

.tablejours td {
    padding: 0px !important;
}

.tablejours a {
    margin-right: 3px !important;
    display: block;
    padding: 5px 15px 5px 15px;
    text-align: left;
    margin-bottom: 5px;
    border: solid 1px #dbe1e6;
    background-color: #dbe1e6;
    color: #454b51;
    border-radius: 5px;
}

.tablejours a:hover {
    border: solid 1px #297ab9;
    background-color: #297ab9;
    color: #fff;
    border-radius: 5px;
}

.activeday {
    border: solid 1px #297ab9 !important;
    background-color: #297ab9 !important;;
    color: #fff !important;
    border-radius: 5px;
}

.listeemissions .itememission {
    margin-bottom: 15px;
    padding: 15px;
    border: solid 1px #dedede;
}

.listeemissions .itememission h1 {
    color: #000;
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

.listeemissions .itememission h1 a {
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    color: #000;
}

.detailemission {
    padding: 0px 12px 12px 12px;
}

.detailemission {
    margin-bottom: 30px;
}

.detailemission h1.title {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #000;
}

.detailemission h1.title span {
    display: block;
    color: #666;
    font-size: 30px;
    font-weight: 200;
}

.detailemission h2.subtitle {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-size: 24px;
    font-weight: 300;
    color: #000;
}

.titreprochainedif {
    margin: 25px 0px 10px 0px;
    padding: 0px;
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #000;
}

.tabledif tbody tr td {
    padding: 5px !important;
}

.tabledif tbody tr td a {
    color: #000;
    font-size: 14px;
}

.hrmin {
    border: solid 1px #fafafa;
}

.titreh3 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #000;
}

.titreh3 a {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #000;
}

.liste-article-liste-in-emission {
    margin-bottom: 30px;
}

.liste-article-liste-in-emission .line-item-block {
}

.liste-article-liste-in-emission h1 {
    font-size: 26px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
}

.liste-article-liste-in-emission a h1:hover {
    color: #000;
    text-decoration: underline;
}

a.buttonmore {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    border: solid 1px #dedede;
    text-align: center;
    width: 100%;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    font-size: 18px;
}

.item-in-list-emission {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.item-in-list-emission:hover img {
    opacity: 0.8;
}

.item-in-list-emission .content {
    margin: 0px 0px 0px 0px;
}

.item-in-list-emission .content p {
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.item-in-list-emission .content h3 {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
    color: #666;
}

.item-in-list-emission .content h1 a {
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    color: #000;
}

.item-in-list-emission .content h1:hover {
    text-decoration: none;
    color: #000;
}

.item-in-list-emission .row {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.programmation-liste, .descriptiondemission {
    margin-bottom: 15px; background-color: #fafafa; padding: 15px;
}


.marginbottom {
    margin-bottom: 30px;
}

.imgprog {
    margin-bottom: 15px;
}

.content-emission img {
    width: 100%;
    height: auto;
}

/* #Base 960 Grid
================================================== */
/* Badges G+*/
.badge-gplus-desktop {
    display: inline;
    width: 100%;
}

.badge-gplus-tablets-portrait {
    display: none;
    width: 100%;
}

.badge-gplus-mobiles-landscape {
    display: none;
    width: 100%;
}

.badge-gplus-mobiles-portrait {
    display: none;
    width: 100%;
}

.gplusbadage {
    width: 100%;
    min-width: 100% !important;
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Badges G+*/
    .badge-gplus-desktop {
        display: none;
        width: 100%;
    }

    .badge-gplus-tablets-portrait {
        display: inline;
        width: 100%;
    }

    .badge-gplus-mobiles-landscape {
        display: none;
        width: 100%;
    }

    .badge-gplus-mobiles-portrait {
        display: none;
        width: 100%;
    }
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
    /* Badges G+*/
    .badge-gplus-desktop {
        display: none;
        width: 100%;
    }

    .badge-gplus-tablets-portrait {
        display: none;
        width: 100%;
    }

    .badge-gplus-mobiles-landscape {
        display: none;
        width: 100%;
    }

    .badge-gplus-mobiles-portrait {
        display: inline;
        width: 100%;
    }

}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Badges G+*/
    .badge-gplus-desktop {
        display: none;
        width: 100%;
    }

    .badge-gplus-tablets-portrait {
        display: none;
        width: 100%;
    }

    .badge-gplus-mobiles-landscape {
        display: inline;
        width: 100%;
    }

    .badge-gplus-mobiles-portrait {
        display: none;
        width: 100%;
    }
}

/* css-method */
.container-img-icon {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.container-icon {
    position: absolute;
    color: #fff;
    bottom: 15px;
    right: 5px;
    font-size: 20px;
}

.container-icon .fa {
    display: inline-block;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px;
}

.well-mediasdispo {
    margin: 25px 0px 25px 0px;
    padding: 15px;
    background-color: #fafafa;
}

.well-mediasdispo .btn {
    font-size: 14px !important;
    margin-bottom: 5px !important;
    float: right;
    margin-left: 5px;
}

.well-mediasdispo h3 {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #000;
}

.well-medias {
    background-color: #ebf2f4;
    padding: 8px;
    margin: 5px 0px 5px 0px;
    font-size: 14px;
}

.well-medias a {
    display: inline-block;
    margin-left: 10px;
    color: #000;
}

.well-medias a:hover {
    color: #05243f;
}

.itemclip {
    padding: 5px;
    font-size: 14px;
}

.itemclip a {
    color: #000;
}

.itemclip a:hover {
    text-decoration: underline;
}

.itemclip a.artistelink {
    font-weight: bold;
}

.img-in-jeu {
    margin-bottom: 25px;
}

/* Formulaire de participation au jeux */
.formulaire-participation {
    font-size: 15px;
    padding: 25px;
    border: dashed 3px #cbbdbd;
    background-color: #f7f2f2;
    margin-bottom: 15px;
    text-align: center;
}

.formulaire-participation h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #841313;
}

.formulaire-participation strong {
    font-size: 35px;
    font-weight: 600;
    display: inline-block;
    color: #841313;
    line-height: 1;
}

.formulaire-participation .text-mini {
    font-size: 12px;
    display: block;
    color: #837a7a;
}

.formulaire-participation a {
    margin-top: 10px;
}

.white-popup-block {
    background-color: #ffffff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    text-align: left;
    max-width: 650px;
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    position: relative;
}

.white-popup-block h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 5px 0px;
}

.formLorfm {
    text-align: left;
}

.formLorfm p {
    font-size: 13px;
    color: #5b5151;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.form_input {
    margin-bottom: 15px;
}

.form_input label {
    color: #000;
    font-size: 15px;
}

.label-min {
    font-size: 13px !important;
}

.formLorfm select, .formLorfm input[type=text], .formLorfm input[type=email], .formLorfm input[type=password], .formLorfm textarea {
    border: solid 1px #dedede;
    width: 100%;
    padding: 8px;
}

.formLorfm select:focus, .formLorfm input[type=text]:focus, .formLorfm input[type=email]:focus, .formLorfm input[type=password]:focus, .formLorfm textarea:focus {
    border: solid 1px #778d9e;
    width: 100%;
    padding: 8px;
    border-bottom: solid 2px #000;
}

.block {
    width: 100% !important;
    display: block !important;
}

.controls {
    margin-bottom: 15px;
}

.controls label {
    margin-right: 25px;
    display: inline-block;
    color: #5b5151;
    font-size: 14px;
}

.error * {
    color: #cf1919 !important;
}

.error, .success, .alert-msg {
    padding: 8px;
}

.alert-msg strong {
    color: #a21318 !important;
    font-size: 17px;
}

.infos-jouer {
    color: #000;
    margin-bottom: 15px;
    background-color: #ede4e4;
    padding: 15px;
}

.infos-jouer span {
    display: block;
    font-size: 13px;
    font-style: italic;
    color: #5b5151 !important;
}

.btn-red {
    background-color: #841313;
}

.btn-red:hover, .btn-red:focus {
    background-color: #841313;
}

/* Colonne droite onair */
.infos-right-onair {
    background-color: #fff;
}

.infos-right-onair h4 {
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    color: #000;
    border-bottom: solid 1px #dedede;
}

.jeux-homepage-big {
    background-color: #fff;
    margin-bottom: 25px;
    position: relative;
}

.content-jeux-home {
    padding: 15px 15px 0px 15px;
}

.jeux-homepage-big .divseparator {
    padding: 0px 15px 15px 15px;
}

.content-jeux-home a h1 {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 5px 0px;
}

.right-jeu-title {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.liste-jeux-ul {
    margin: 8px 0 0 0;
    padding: 0px;
}

.liste-jeux-ul a {
    color: #000;
    font-size: 13px;
}

.liste-jeux-ul a:hover {
    color: #666;
    text-decoration: underline;
    font-size: 13px;
}

.liste-jeux-ul li {
    color: #000;
    margin-bottom: 8px;
    line-height: 1;
}

.abs-titre-jeux {
    position: absolute;
    top: 15px;
    left: 0px;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 300;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 8px 15px 8px 15px;
    z-index: 999;
}

.hero-club {
}

.text-zone {
    text-align: center;
    margin: 25px;
    font-weight: 400;
    font-size: 22px;
    color: #666;
}

.form-connexion form {
    margin: auto;
    width: 50%;
}

a.mpoublie {
    color: #000;
    margin-top: 15px;
    display: block;
}

.collection-menu-user {
    border: solid 1px #e1e9ef;
}

.collection-menu-user h6 {
    font-size: 18px;
    color: #8699a7;
}

.collection-menu-user li a {
    color: #000;
}

.collection-menu-user li a:hover {
    color: #135384;
}

.collection-menu-user .secondary-content {
    color: #8699a7;
}

.well-avatar {
    text-align: center;
}

.well {
    padding: 15px;
    background-color: #fafafa;
}

.page-secondary-inscription {
    margin-top: 40px !important;
}

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

iframe, iframe[style] {
    width: 100% !important;
}

#homeSlider {
    font-weight: bold;
    width: 100%;
    height: 490px;
}

#homeSlider .rsThumbsHor {
    height: 44px;
    padding: 0;
}

.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
    background: #FFF;
}

.rsDefaultInv .rsThumb.rsNavSelected {
    background: #135282 !important;
    color: #fff;
}

.rsDefaultInv .rsThumb {
    background: transparent !important;
    color: #fff;
}

#homeSlider .rsThumb {
    width: 300px;
    height: 44px;
    cursor: pointer;
}

#homeSlider .rsTmb {
    text-align: center;
    margin-top: 11px;
    font-size: 15px !important;
    font-weight: 500 !important;
}

#homeSlider .rsThumb i {
    font-style: normal;
    font-weight: bold;
}

.rsABlock {
    position: relative !important;
}

.slider-item {
    background-color: rgba(0, 0, 0, 0.4);
}

.jeu-hero {
    color: #fff;
    padding: 8px 15px 8px 15px;
    z-index: 999;
    text-align: center;
}

.jeu-hero h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
}

.jeu-hero p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;
}

.jeu-hero img {
    z-index: 1 !important;;
    position: relative !important;
}

.jeu-hero a:hover {
    width: auto;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    background-color: #135384;
}

.jeu-hero a {
    width: auto;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    background-color: #fff;
}

.slider-item {
    padding: 30px 15px 65px 15px;
    text-align: center;
}

.slider-item img {
    border-radius: 50% !important;
    border: solid 5px;
    border-color: rgba(255, 255, 255, 0.1);
    margin: auto;
    margin-bottom: 15px !important;
}

.img-blur-hero {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px !important;
}

.overlay-hero {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.rsContent {
    z-index: 1;
}


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

    #homeSlider .rsThumb {
        font-size: 12px;
        width: 220px;
        height: 44px;
        cursor: pointer;
    }

    #homeSlider .rsTmb {
        margin-top: 12px;
    }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
    .royalSlider {
        height: 300px !important;
    }

}



/* Page de recherche */
.search {
    text-align: center;
    margin: 0em 0em 0em 0em;
    position: relative;
}

.search h3 {
    margin: 0 0 10px 0px;
    font-size: 25px;
    font-weight: 300;
    color: #666;
    padding: 0px 0px 10px 0px;
    text-align: left;
    border-bottom: solid 3px #135384;
}

.colored {
    color: #135384;
}

.s-bar {
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 0em 0.5em 0em;
}

.s-bar input[type="text"] {
    font-size: 2em;
    font-weight: normal;
    color: #000;
    padding: 0.5em 0.5em 0.5em 0.5em;
    width: 90%;
    border: solid 1px #dedede;
    outline: none;
    -webkit-appearance: none;
}

.s-bar button[type="submit"] {
    font-size: 2em;
    font-weight: normal;
    color: #fff;
    padding: 0.5em 0.5em;
    width: 10%;
    text-align: center;
    margin: 0px 0px 0px -4px;
    cursor: pointer;
    border: none;
    outline: none;
    -webkit-appearance: none;
    background: #135384;
}

.s-bar button[type="submit"] span {
    font-size: 0.5em;
    margin-right: 25px;
}

.total-resultats-top {
    font-size: 19px;
    color: #666;
    margin: 25px 0px 15px 0px;
    border-bottom: solid 1px #dedede;
    padding: 0px 0px 25px 0px;
}

.liste-contenu-pour-recherche {
    text-align: left;
    margin-bottom: 20px;
    bottom: 0px;
    border-bottom: solid 1px #dedede;
}

.liste-contenu-pour-recherche li {
    display: inline-block;
    padding: 8px 25px 8px 25px;
    border: solid 1px #dedede;
    border-bottom: none;
}

.liste-contenu-pour-recherche li a {
    color: #000;
    font-size: 18px;
    display: block;
}

.liste-contenu-pour-recherche li.active {
    display: inline-block;
    padding: 8px 25px 8px 25px;
    border: solid 1px #135384;
    border-bottom: solid 1px #135384;
    background-color: #135384;
    border-bottom: none;
}

.liste-contenu-pour-recherche li.active a {
    color: #fff;
    font-size: 18px;
    display: block;
}

.s-bar button[type="submit"]:hover {
    opacity: 0.8;
    filter: alpha(opacity=100);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* Recherche sur la barre de navigation */
.navsearch {
    background-color: #fafafa;
    padding: 15px;
    text-align: center;
}

.formsearch-container-in { background-color: #fafafa; border: solid 1px #dedede; padding: 25px; margin-bottom: 15px; }
.formsearch-container-in input[type="text"] {
    font-size: 1em;
    font-weight: normal;
    color: #000;
    padding: 0.5em 0.5em 0.5em 0.5em;
    width: 90%;
    border: solid 1px #dedede;
    outline: none;
    -webkit-appearance: none;
}


.formsearch-container-in button[type="submit"] {
    font-size: 1em;
    font-weight: normal;
    color: #fff;
    padding: 0.5em 0.5em;
    width: 10%;
    text-align: center;
    margin: 0px 0px 0px -4px;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    background: #135384;
    border: solid 1px #135384;
}


.formsearch-container {
    width: 100%;
    margin: auto;
}

.navsearch input[type="text"] {
    font-size: 1em;
    font-weight: normal;
    color: #000;
    padding: 0.5em 0.5em 0.5em 0.5em;
    width: 90%;
    border: solid 1px #dedede;
    outline: none;
    -webkit-appearance: none;
}

.navsearch button[type="submit"] {
    font-size: 1em;
    font-weight: normal;
    color: #fff;
    padding: 0.5em 0.5em;
    width: 10%;
    text-align: center;
    margin: 0px 0px 0px -4px;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    background: #135384;
    border: solid 1px #135384;
}

#searchIn {
    display: none;
}

.liste-contenu-pour-recherche-top {
    text-align: left;
    margin: 0px;
    bottom: 0px;
}

.liste-contenu-pour-recherche-top li {
    display: inline-block;
    padding: 5px 5px 0px 5px;
    border-bottom: none;
}

.liste-contenu-pour-recherche-top li a {
    color: #000;
    font-size: 15px;
    display: block;
}

.liste-contenu-pour-recherche-top li.active a {
    color: #135384;
    font-weight: bold;
    font-size: 15px;
    display: block;
}

.searchFocused {
    background-color: #fafafa;
    padding: 15px;

    /* Animation Property */
    animation-property: all;
    transition-duration: 0.2s;
    /* webkit */
    -webkit-animation-property: all;
    -webkit-transition-duration: 0.2s;
    /* moz */
    -moz-animation-property: all;
    -moz-transition-duration: 0.2s;
    /* opera */
    -o-animation-property: all;
    -o-transition-duration: 0.2s;

}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #666;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666;
}

.searchFocused * {

    /* Animation Property */
    animation-property: all;
    transition-duration: 0.2s;
    /* webkit */
    -webkit-animation-property: all;
    -webkit-transition-duration: 0.2s;
    /* moz */
    -moz-animation-property: all;
    -moz-transition-duration: 0.2s;
    /* opera */
    -o-animation-property: all;
    -o-transition-duration: 0.2s;

}

.searchFocused input[type="text"] {
    font-size: 1.3em;
    font-weight: normal;
    color: #000;
    padding: 0.5em 0.5em 0.5em 0.5em;
    width: 90%;
    border: solid 1px #dedede;
    outline: none;
    -webkit-appearance: none;
}

.searchFocused button[type="submit"] {
    font-size: 1.3em;
    font-weight: normal;
    color: #fff;
    padding: 0.5em 0.5em;
    width: 10%;
    text-align: center;
    margin: 0px 0px 0px -4px;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    background: #135384;
    border: solid 1px #135384;
}

/* Global form */
#global-form {
    width: 100%;
    text-align: center;
    border: 1px solid #e2e2e2;
    background: #fafafa;
    padding: 20px;
}

#global-form #contactform {
    width: 450px;
    text-align: left;
    margin: auto;
}


.formmin {
    border: none!important; padding: 15px!important;
}

.formmin h3 {
    border-bottom:none!important;  font-size: 18px!important; margin: 0px!important; padding: 0px 0px 15px 0!important;;
}

.formmin p {
    font-size: 14px!important;
}


#global-form .contactformmin {
    width: 100%!important;
    text-align: left;
    margin: auto;
}

#global-form #contactform h3 {
    font-size: 25px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    margin-bottom: 15px;
    border-bottom: solid 1px #B7B7B7;
}

#global-form #contactform p {
    font-size: 18px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    margin-bottom: 15px;
}

#global-form div {
    clear: both;
    margin: 1em 0;
}

#global-form label {
    display: block;
    float: none;
    color: #000;
    font-weight: normal;
    font-size: 15px;
    width: auto;
}

form#contactform input {
    border-color: #dedede;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 100%;
    font-size: 16px;
    color: #333;
}

form#contactform textarea {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 100%;
    width: 100%;
    padding: 0.6em 0.5em 0.7em;
    border-color: #dedede;
    border-style: solid;
    border-width: 1px;
}

.inforequire {
    color: #a41318;
    font-weight: normal;
    font-size: 13px;
    display: block;
}

.contact-top {
    margin-bottom: 50px;
}

.contact-top h4 {
    font-size: 22px;
    margin: 0px;
    padding: 0 0 5px 0px;
    color: #135384;
}

/* Page des auteurs */
.img-auteur {
    border-radius: 50% !important;
    border: solid 5px;
    border-color: rgba(255, 255, 255, 0.1);
    margin: auto;
    margin-bottom: 15px !important;
}

.ctr-img-auteur {
    text-align: center;
    border: 1px solid #e2e2e2;
    background: #fafafa;
    padding: 20px;
}

.articles-recommandes {
    border: 1px solid #e2e2e2;
    background: #fafafa;
    padding: 20px;
}

.articles-recommandes h3 { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; font-size: 18px; text-transform: uppercase; color: #666;}
.articles-recommandes ul   { margin: 0px; padding: 0px;}
.articles-recommandes ul li  { list-style: disc; list-style-position: inside; color: #135383;}
.articles-recommandes ul li a { color: #135383;}
.articles-recommandes ul li a:hover { color: #135383; text-decoration: underline;}



/* Liste des émissions */
.item-emission { background-color: #fff; padding: 0px; margin: 0 0 25px 0px; border: solid 1px #dedede;}
.item-emission h3 { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; font-size: 16px; text-transform: uppercase; color: #000; font-weight: 600;}
.item-emission h3 a { color: #000;}
.int-item-emission { padding: 15px;}

a.button-in-line {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    text-align: center;
    margin-bottom: 5px;
    border: solid 1px #dedede;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    color: #33383b;
    border-radius: 5px;
}

a.button-in-line:hover { background-color: #fff; color: #4b555d; border: solid 1px #dedede;}



.header-emission { height: 400px; position: relative; text-align: center;}
.header-emission img { margin-left: auto; margin-right: auto;
    border-radius: 50% !important;
    border: solid 5px;
    border-color: rgba(255, 255, 255, 0.1);
}

.infosemission{  color: #333; border-bottom: solid 1px #dedede; text-align: center; padding:0px; margin:0px;}
.titre-emission h1 { color: #333;font-size: 35px; text-align: center; padding: 15px; margin:0px;}
.titre-emission p {color: #000;font-size: 20px; }
.h3emission { font-size: 18px; margin: 0px; padding: 0px;}

.titreh3emission {   font-size: 35px; color: #000;  margin: 0px; padding: 0px;}
.table-listen { margin: 0px; background-color: #fff; margin-top: 25px; border: solid 1px #dedede; padding: 25px; }
.table-listen h3  {  font-size: 20px; color: #000; text-transform: uppercase;  margin: 0px 0px 10px 0px; padding: 0px;}
.table-listen h3 a {   color: #000; }

.table-listen table tr th, .table-listen table tr td { padding: 5px!important;}
.table-listen table tr td a.link { display: block; text-align: center; border: solid 1px #135384; color: #fff; padding: 3px; background-color: #135384;}
.table-listen table tr td a.download {  margin-bottom: 5px; }
.dateital { font-style: italic; }


/* Liste des émissions */
.item-photos-emission { background-color: #fff; padding: 0px; margin: 0 0 5px 0px; border: solid 1px #dedede;}
.item-photos-emission h3 { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; font-size: 16px; text-transform: uppercase; color: #000; font-weight: 600;}
.item-photos-emission h3 a { color: #000;}
.int-item-photos-emission { padding: 15px;}
.link-more { color: #000;}
.link-more:hover { color: #666;}


.container-link-more { padding: 0px 0px 0px 15px; }
.liste-jeux-home-top { background-color: #fff; padding: 25px; margin-top: 0px;}
.liste-jeux-home-top .item-j h3 { font-size: 18px; margin: 10px 0px 15px 0px; padding: 0px; }
.liste-jeux-home-top .item-j  a h3  { color: #000; }
.liste-jeux-home-top .item-j p { font-size: 14px; color: #666}
.data-jeu { margin-bottom: 15px; }

.liste-jeux-home-top .btn{ margin: auto;}

.container-jeux { background-color: #edecec; margin-bottom: 50px; padding: 25px;}
.titrejeuxmoment i {
    color: #666;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    margin-top: 5px;
}

.titrejeuxmoment {
    color: #000;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    margin-top: 5px;
}
.info-titre-bordered-ln { margin-top: 8px!important; border-top: solid 1px #dedede; padding-top: 8px!important; font-size: 13px; }