/*------------------------------------------------*/
/*-----------[STREAM_UP ]-------------------------*/
/*-----------[Dark Blue]		  --------------------*/
/*-----------[Couleur dominante : #002454]--------*/
/*-----------[Couleur secondaire : #808080]-------*/
/*-----------[Couleur boutons : .ui-button]-------*/
/*-----------[Couleur texte :  #4d4d4d]-----------*/
/*-----------[Couleur liens texte :   #002454]----*/
/*-----------[Couleur liens boutons :  #002454]---*/
/*-ligne 879-[Couleur bkListeReplay :  #626262]---*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

.btn-primary {
    background-color: #002454;
    border-color: #051254;
    color: white;
}

.btn-primary:hover {
    background-color: #e1e1e1;
    color: black;
    border-color: black;
}

a.btn-primary::hover {
    text-decoration: none;
    color: black;
}

a.btn-primary:visited {
    color: white;
}

a.badge-primary:visited {
    color: white;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

article, aside, header, hgroup, nav, section {
    display: block;
}

br {
    margin-bottom: 10px;
}

/*------------------------------------------------*/
/*----------------[MODAL BACKDROP]----------------*/
/*------------------------------------------------*/

.modal-backdrop.fade.show {
    background-color: #CACACA !important;
    opacity: 0.6 !important;
}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {
    line-height: 20px;
    font-family: 'Montserrat', 'Roboto', 'Open Sans', 'Arial', 'Font Awesome 5 Pro', sans-serif;
    font-size: 13px;
    color: #4d4d4d;
    background-color: #505365;
}

#header {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    margin: 0 auto;
    position: relative;
    margin-bottom: 15px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 1000;
    -moz-box-shadow: 0px 5px 5px 0px #cfcfcf;
    -webkit-box-shadow: 0px 5px 5px 0px #cfcfcf;
    -o-box-shadow: 0px 5px 5px 0px #cfcfcf;
    box-shadow: 0px 5px 5px 0px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=5);

}

#header .dropdown-menu:not(#header-menu-dropdown-menu) {
    left: 4px;
}

#header .btn {
    margin-left: 5px;
}

a {
    text-decoration: none;
    color: #002454;
}

a:hover {
    text-decoration: underline;
    color: #002454;
}

a:visited {
    color: #002454;
}

.clear {
    clear: both;
}

.ui-tabs-hide {
    display: none;
}

br.clear {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Roboto', 'Open Sans', 'Arial', sans-serif;
    padding-bottom: 5px;
    color: #000000;
    line-height: 1em;
    font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000000;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 22px;
    /*font-weight:100;*/
}

h3 {
    font-size: 20px;
    /*font-weight:100;*/
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 13px;
}

p {
    padding-bottom: 10px;
    /*line-height: 24px;*/
}

strong {
    font-weight: 700;
    color: #1c1c1c;
}

cite, em, i {
    font-style: italic;
}

pre, code {
    font-family: Courier New, monospace;
    margin-bottom: 10px;
}

ins {
    text-decoration: none;
}

sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: .8em;
}

sub {
    top: .3em;
}

dl {
    margin: 0 0 1.5em;
}

dl dt {
    font-weight: 700;
}

dd {
    margin-left: 1.5em;
}

blockquote {
    margin: 1.5em;
    padding: 1em;
    color: #666;
    background: #e6e6e6;
    font-style: italic;
    border: 1px solid #dcdcdc;
}

blockquote p {
    padding-bottom: 0;
}

input[type=text], input[type=password], input.text, input.title, textarea, select {
    font-family: 'Montserrat', 'Roboto', 'Arial', sans-serif;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
    border-radius: 0;
}

input[type=password]:focus, input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color: #2D3940;
    color: #3e3e3e;
}

input[type=password], input[type=text], input.text, input.title, textarea, select {
    margin: .5em 0;
}

textarea {
    padding: 4px;
    border-radius: 0;
}

button a {
    font-size: 12px;
}

img#about-image {
    float: left;
    margin: 3px 8px 8px 0;
}

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

/* IE6 */
:first-child + html .clearfix {
    zoom: 1;
}

/* IE7 */
.spacer {
    clear: both;
    height: 0;
    overflow: hidden;
    /* Précaution pour IE 7 */
}

.center {
    text-align: center;
}

/* JQUERY UI REDEF */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: none;
    background-color: #e1e1e1;
    font-weight: 400;
    border: 0;
    padding: 3px;
}

a.ui-widget {
    color: #fff;
}

a.ui-widget:visited {
    color: #fff;
    /* #4f5466; */
}

a.ui-widget:hover {
    color: #fff;
}

.ui-widget {
    text-align: left;
    font-size: 1em;
}

.ui-menu-item {
    font-family: 'Roboto', 'Arial', sans-serif;
}

.ui-menu-item a {
    color: #4e5366;
}

.ui-menu-item a:visited {
    color: #4f5466;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /*Couleur bg boutons*/
    background: #002454;
}

.ui-button {
    font-family: 'Roboto', 'Arial', sans-serif;
    /*font-weight:bold;*/
    font-weight: 300;
    /*Couleur texte boutons*/
    color: #fff;
    /*
        background: #f1f1f1; // Old browsers
        background: -moz-linear-gradient(top,  #f1f1f1 0%, #f1f1f1 45%, #e9e9e9 49%, #fefefe 100%); // FF3.6+
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(45%,#f1f1f1), color-stop(49%,#e9e9e9), color-stop(100%,#fefefe)); // Chrome,Safari4+
        background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 45%,#e9e9e9 49%,#fefefe 100%); // Chrome10+,Safari5.1+
        background: -o-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 45%,#e9e9e9 49%,#fefefe 100%); // Opera 11.10+
        background: -ms-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 45%,#e9e9e9 49%,#fefefe 100%); // IE10+
        background: linear-gradient(to bottom,  #f1f1f1 0%,#f1f1f1 45%,#e9e9e9 49%,#fefefe 100%); // W3C
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fefefe',GradientType=0 ); // IE6-9
        border-color:#999999;;
        */
    border: 1px solid #fff;
    /*border:0px;*/
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    /*Couleur secondaire*/
    background: #ffaf0f;
}

.ui-state-error {
    text-align: left;
    margin-bottom: 5px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    /*Couleur texte boutons*/
    /*color:#414353;	*/
    color: #fff;
    font-weight: 400;
}

.ui-corner, .ui-corner-all, .ui-corner-top, .ui-corner-bottom {
    border-radius: 0.5em;
}

.ui-button:hover {
    opacity: 0.7;
}

.ui-widget-header {
    border: 1px solid #002454;
    background: #000 repeat-x;
    color: #fff;
    font-weight: 700;
}

.ui-widget-content {
    border: 1px solid #DDD;
    background: #fff;
    color: #002454;
}

.ui-widget-content a {
    color: #002454;
}

input[type="text"].placeholder, input[type="password"].placeholder, textarea.placeholder {
    color: #999;
}

/*compat IE*/
input.placeholder {
    color: #999;
}

/*compat IE*/
/*------------------------------------------------*/
/*-----------------[TOOLTIP]-----------------------*/
/*------------------------------------------------*/
.ui-tooltip, .tooltip-arrow:after {
    background: #002454;
    border: 2px solid #fff;
}

.ui-tooltip {
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    font: bold 12px Roboto, "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px #002454;
}

/*
    .tooltip-arrow {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -16px;
    }
    .tooltip-arrow.top {
        top: -16px;
        bottom: auto;
    }
    .tooltip-arrow.left {
        left: 20%;
    }
    .tooltip-arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);
    }
    .tooltip-arrow.top:after {
        bottom: -20px;
        top: auto;
    }
    */

/* <editor-fold desc="MISCELLANEOUS"> */
/* </editor-fold desc="MISCELLANEOUS"> */

/* <editor-fold desc="HEADER"> */
.user-menu_library {
    white-space: nowrap !important;
}

header {
}

#header_menu {
    position: absolute;
    margin-top: -20px;
    z-index: 1000;
    display: block;
    width: 197px;
    display: none;
}

.header-menu-conteneur {
    width: 100%;
}

.header-menu-conteneur .ui-button {
    width: 100%;
    /*	padding:3px;	*/
}

/* blog info du header  */
.top-info {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/* css du logo site  */
.logook {
    display: block;
    /*
    min-width:167px;
    float:left;
    */
}

.logook img {
    max-height: 30px;
}

/* css du baseline site  */
.baseline {
    font-size: 17px;
    color: #002454;
    /*#f08700;*/
    float: left;
    display: block;
    padding-top: 7px;
    font-family: 'Roboto';
    font-weight: 300;
}

/* css login header site  */
.top-info .login {
    float: left;
    height: 35px;
    margin-left: 15px;
    margin-top: 25px;
}

#top_banner {
    margin-left: 10px;
    margin-bottom: 10px;
}

#creacompte {
    float: left;
    height: 35px;
    margin-top: 45px;
}

.dialogue {
    text-align: center;
    height: 130px;
    margin-top: 0;
    margin-left: 240px;
    width: 1000px;
}

.header-recherche {
}

#headerRechercheTxt {
    margin: 0px;
    outline: none;
    font-size: 14px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    margin-left: 5px;
}

/* </editor-fold desc="HEADER"> */

/*------------------------------------------------*/
/*-----------------[CONTENU HP ]------------------*/
/*------------------------------------------------*/
#zone-principale {
    /*background: url(../images/bck_full.jpg);*/
    margin: 0 auto;
    /*width: 990px;*/
    position: relative;
    margin-top: 90px;
}

#zone-contenu {
    /*width: 990px;*/
}

.container-fluid.container-zone-principale {
    max-width: 1585px;
}

/*------------------------------------------------*/
/*---------[CONTENU HP Sidebar ]------------------*/
/*------------------------------------------------*/
#zone-contenu-sidebar {
    /*
        float: right;
        width: 268px;
        padding: 0 15px 30px 15px;
        */
    text-align: justify;
}

.sidebar-titre {
    color: #002454;
    font-size: 18px;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 1px solid #002454;
}

.sidebar-titre_small {
    color: #002454;
    font-size: 18px;
    width: 100%;
    margin-bottom: 20px;
}

.hp-sidebar-apropos {
    text-align: justify;
    color: #4d4d4d;
    /*#414353;*/
    font-size: .9em;
}

.blocreplay {
    /*width: 269px;*/
    height: 70px;
    /*background: url(../images/plus.png) bottom right no-repeat;*/
    text-transform: none;
    margin-bottom: 16px;
}

.blocreplay a {
    text-decoration: none;
}

.blcrp-image {
    width: 116px;
    height: 67px;
    display: block;
    border: 1px solid #e3e3e3; /*Couleur template */
    float: left;
    margin: 0 6px 0 0;
}

.blcrp-titre {
    font-size: 13px;
    color: #000;
    text-decoration: none !important;
    line-height: 14px;
    font-weight: 300;
    display: block;
}

.blcrp-soustitre {
    /*text-align: justify;*/
    font-size: 10px;
    font-weight: 100;
    line-height: 12px;
    display: block;
    color: #4d4d4d;
    /* #686E82;*/
    text-decoration: none !important;
}

.tout {
    color: #fff;
    background-color: #002454; /*Couleur template */
    padding: 2px 13px 3px;
    float: right;
    margin-right: 3px;
    display: block;
    min-width: 225px;
    margin-bottom: 5px;
    text-align: center;
}

.zone-contenu-liens-buttons {
    margin-bottom: 10px;
    clear: both;
}

.zone-contenu-liens-buttons a span {
    /*width:240px;*/
    text-align: center;
}

/*------------------------------------------------*/
/*---------[CONTENU HP Contenu principale ]-------*/
/*------------------------------------------------*/
#zone-contenu-principale {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    /*width:680px;*/
    /*float:left;*/
    /*border-right: solid 1px #B4BACE;*/
}

.alaune_video_conteneur {
    /*float:left;*/
    padding-right: 2px;
    padding-left: 2px;
    margin-bottom: 4px;
    /*
        width:210px;
        height:120px;
        border: solid 1px #002454;
        -moz-box-shadow: 5px 5px 10px 1px #cfcfcf;
        -webkit-box-shadow: 5px 5px 10px 1px #CFCFCF;
        -o-box-shadow: 5px 5px 10px 1px #cfcfcf;
        box-shadow: 5px 5px 10px 1px #CFCFCF;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);
        */
}

.alaune_video_conteneur_img {
}

.alaune_video_conteneur .alaune_video_titre {
    background-color: #002454;
    padding: 3px;
    position: absolute;
    margin-top: -120px;
    /*width:204px;*/
    color: #fff;
}

.vdo_viewer_video {
    overflow: hidden;
    /*width: 640px;
    height: 361px;
    */
    width: 100%;
    /*height:100%;*/
    display: block;
    color: #002454;
    border: 1px solid #e1e1e1; /*Couleur template light*/
}

.vdo_viewer_pub_controller {
    background-color: #002454;
    display: block;
    color: #fff;
    padding: 5px;
}

/** class spécifique au css black - S'applique au "Passer" lors de l'affiche d'une pub **/
.skip {
    color: #fff;
    text-decoration: none;
}

a.skip:visited {
    color: #fff;
    text-decoration: none;
}

.skip:hover {
    color: #fff;
    text-decoration: none;
}

.ui-notify a {
    color: #fff;
    text-decoration: none;
}

/** class spécifique au css black - S'applique au "Passer" lors de l'affiche d'une pub **/
.vdo_viewer_blocage_acctype {
    background-color: #002454;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.vdo_viewer_blocage_acctype p {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
}

.vdo_viewer_blocage_acctype h3 {
    color: #002454;
    /*#dd521a;*/
}

.vdo_viewer_soustitre {
    height: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.vdo_viewer_soustitre span {
    font-family: 'Trebuchet MS';
    font-weight: bold;
    font-size: 18px;
    float: left;
    color: black;
}

.chapeau {
    margin: 7px 20px 0 25px;
    font-family: 'Trebuchet MS';
    text-transform: none;
    /*width:620px;*/
    text-align: justify;
    font-size: 12px;
    line-height: 19px;
}

.chapeau .read-more-link {
    color: #002454;
    font-weight: 700;
}

.v_detail_vdo_texte {
}

.v_detail_vdo_texte .read-more-link {
    width: 620px;
    text-align: justify;
    font-size: 12px;
    line-height: 19px;
    color: #002454;
    font-weight: 700;
}

.suite {
    color: #002454;
    /*#FDA723;*/
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
}

.vdo_viewer_like {
    /*background: url(../images/reso.png) no-repeat right;*/
    width: 100%;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.vdo_viewer_like .facebook {
    float: right;
    padding-top: 0;
    margin-right: 5px;
}

.vdo_viewer_like .twitter {
    float: right;
    padding-top: 0;
}

.programme {
    margin: 10px 10px 10px 0;
    font-size: 30px;
}

.programme span {
    background: #fff;
}

.progresume {
    margin: 0;
    font-family: Trebuchet MS;
    text-transform: none;
    height: 70px;
}

#date {
    background: url(../images/date.png) no-repeat;
    width: 48px;
    height: 54px;
    float: left;
    text-align: center;
}

.mois {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
}

.jour {
    color: gray;
    /*#686E82;*/
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 700;
    margin: 3px 0 0;
    display: block;
    padding-top: 3px;
    padding-right: 5px;
}

#contenuprogramme {
}

.progtitre {
    font-size: 18px;
    font-weight: bold;
}

.progteaser {
    text-align: justify;
    font-size: 12px;
    margin-top: 2px;
    line-height: 18px;
    display: block;
}

.hp_liste-replays {
    /*width:648px;*/
}

.hp_liste-replays-title {
    margin-top: 20px;
    padding-top: 10px;
    margin-bottom: 20px;
    /*background:url(../images/line_grey.jpg) repeat-x;*/
    border-top: 1px solid #e1e1e1; /*Couleur template light*/
    color: #db0726;
    font-size: 24px;
    font-weight: 100;
}

.hp_liste-replays-title span {
    margin-bottom: 10px;
    padding-right: 10px;
}

/*------------------------------------------------*/
/*-----------------[FOOTER ]----------------------*/
/*------------------------------------------------*/
#main-footer {
    background-color: #e7e7e7;
    text-align: center;
    width: 100%;
    font-family: 'Roboto';
    font-size: 12px;
    text-transform: none;
    padding: 20px;
    color: #002454;
}

.containerfoot {
    color: #858585;
    position: relative;
    padding: 10px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
}

.containerfoot a {
    color: #858585;
}

p#copyright {
    color: #858585;
    font-size: 12px;
    float: right;
    padding-top: 19px;
    border-top: 1px solid #e9e9e9;
    margin: 22px 13px 13px 0;
}

p#copyright a {
    color: #858585;
    font-family: Georgia, serif;
    font-style: italic;
}

/*------------------------------------------------*/
/*---------[CONTENU LISTE VIDEO ]-----------------*/
/*------------------------------------------------*/
.v_liste_titre {
    color: #002454;
    /* orange; */
    font-size: 1.5em;
}

.v_liste_titre a {
    text-decoration: none;
}

.v_liste_bloc {
}

.v_liste_overlay_infos {
    z-index: 1000;
    position: absolute;
    width: 670px;
    height: 135px;
    background-color: #002454;
    /*#ea4e1d;*/
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=90);
    /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
    opacity: .9;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.v_liste_overlay_infos p {
    padding-top: 50px;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    text-shadow: 1px 1px 1px #002454;
    filter: dropshadow(color=#000, offx=1, offy=1);
}

.v_liste_bloc_texte {
    float: left;
    width: 99%;
    margin: 0 20px 0 0;
    /*font-family:Trebuchet MS;*/
    text-transform: none;
    text-align: justify;
    font-size: 12px;
    line-height: 19px;
}

.v_liste_bloc_texte_span {
    width: 180px;
    height: 100px;
    display: block;
    border: solid 1px #002454;
    /*#fbbf7c;*/
    float: left;
    margin: 0 10px 0 0;
    /* effet ombrage */
    -moz-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -o-box-shadow: 5px 5px 10px 1px #cfcfcf;
    box-shadow: 5px 5px 10px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.v_liste_bloc_texte_span_chaine {
    height: 100px;
    display: block;
    border: solid 1px #002454;
    /*#fbbf7c;*/
    float: left;
    margin: 0 10px 0 0;
    /* effet ombrage */
    -moz-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -o-box-shadow: 5px 5px 10px 1px #cfcfcf;
    box-shadow: 5px 5px 10px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.v_liste_bloc_texte_span img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.admin_replay_v_liste_bloc_texte {
    float: left;
    width: 80%;
}

.v_liste_bloc_info {
    font-size: .8em;
}

.v_liste_tiret {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 60%;
    margin-left: 50px;
}

.v_liste_bloc_buttons {
    float: left;
}

.v_liste_bloc_buttons a {
    width: 90px;
}

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

.v_liste_abonnement_btn span {
}

.v_liste_vdo_duree {
    position: absolute;
    background-color: #002454;
    margin-top: -25px;
    height: 20px;
    width: 40px;
    text-align: center;
    font-size: .8em;
    color: #fff;
    filter: alpha(opacity=80);
    opacity: .8;
}

.v_liste_vdo_duree_chaine {
    position: absolute;
    background-color: #002454;
    margin-top: -20px;
    height: 20px;
    width: 70px;
    text-align: center;
    font-size: .8em;
    color: #fff;
    filter: alpha(opacity=80);
    opacity: .8;
}

a.v_liste_bloc_liste_cat_vdo {
    font-size: .8em;
    margin-bottom: 2px;
}

.main_contentb:hover {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #bfbfbf;
    -webkit-box-shadow: 1px 1px 1px 1px #CCC;
    box-shadow: 1px 1px 1px 1px #CCC;
}

.main_contentb {
    padding: 5px;
    margin-bottom: 10px;
}

.pagination {
    margin-bottom: 10px;
}

.paginationActuel {
    border: 1px solid #bbb;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    color: #002454;
    background-color: #002454;
    /*#ea4e08;*/
}

.paginationLien {
    border: 1px solid #bbb;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    color: #002454;
    background-color: #414353;
}

.pagination a {
    text-decoration: none;
}

/*------------------------------------------------*/
/*---------[CONTENU LISTE VIDEO CATEGORIE ]-------*/
/*------------------------------------------------*/
.categorie {
    margin-top: 10px;
}

.categorieBloc {
    float: left;
    width: 120px;
    height: 115px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 1px solid #999;
    cursor: pointer;
    font-weight: 400;
    color: #fff;
    /* effet ombrage */
    -moz-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -o-box-shadow: 5px 5px 10px 1px #cfcfcf;
    box-shadow: 5px 5px 10px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.categorieBloc img {
    z-index: 1;
}

.categorieBloc:hover {
    border-color: #f17400;
    color: #f17400;
    font-weight: 700;
}

.categorieInfo {
    z-index: 10;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: inherit;
    font-weight: inherit;
    font-size: 10px;
    text-align: center;
    margin-top: -20px;
    height: 20px;
    width: 120px;
    text-transform: uppercase;
}

.categorieNbre {
    z-index: 5;
    position: absolute;
    font-weight: inherit;
    width: 30px;
    height: 30px;
    padding-left: 20px;
    margin-left: 91px;
    margin-top: -1px;
    font-size: .8em;
    background-repeat: no-repeat;
    background: url(../images/triangle-gris.png) no-repeat;
    color: inherit;
}

/*------------------------------------------------*/
/*---------[CONTENU VIDEO Viewer ]----------------*/
/*------------------------------------------------*/
#v_viewer_partager {
    border: 1px solid #002454;
    /*orange;*/
    /*height: 100px;*/
    display: none;
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.v_viewer_bloc_info {
    font-size: .8em;
}

#v_viewer_partage_input_lien {
    width: 650px;
    height: 20px;
    float: left;
}

.v_viewer_partage_button {
    float: left;
    padding-left: 10px;
    margin-left: 30px;
}

.v_viewer_partage_button-btns {
    font-size: .9em;
    text-align: center;
    width: 70px;
}

.v_viewer_partage_button_share {
    float: right;
    padding-left: 10px;
}

#v_viewer_partage_bloc_embed {
    clear: both;
    margin-top: 20px;
    text-transform: none;
    display: none;
}

.v_viewer_partage_taille_perso {
    border: 1px solid #BBB;
    padding: 5px;
    margin-top: 5px;
    margin-left: 1px;
    margin-bottom: 10px;
}

.v_viewer_partage_taille_perso label {
    margin-right: 10px;
}

.v_viewer_partage_taille_perso label input {
    margin-top: 5px;
}

.v_viewer_partage_tiret {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.v_viewer_partager_ajouter_btns {
    font-size: .8em;
}

.v_viewer_partage_bloc_embed_radio {
    text-align: center;
    margin-bottom: 10px;
}

#v_viewer_partage_bloc_embed_textarea {
    float: left;
    width: 650px;
    height: 60px;
}

/*------------------------------------------------*/
/*---------[CONTENU VIDEO Detail ]----------------*/
/*------------------------------------------------*/
#v_detail_conteneur {
    /*
        margin-left:20px;
        width:652px;
        */
}

.v_detail_new_comment_notlogged {
    border: 1px solid #002454;
    /*orange;*/
    height: 100px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
}

.v_detail_new_comment {
}

.v_detail_new_comment div {
    float: left;
    text-align: center;
    margin-top: 5px;
}

.v_detail_new_comment textarea {
    float: right;
    /*width:555px;*/
    width: 75%;
    height: 70px;
}

.v_detail_new_comment .ui-widget {
    float: right;
}

.v_detail_new_comment button {
    float: right;
}

#v_detail_comment {
    margin-top: 30px;
}

#v_detail_comment h1 {
}

.v_detail_comment_bloc {
    margin-top: 15px;
}

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

#v_detail_comment h1 .texte {
    float: left;
    margin: 0 20px 0 25px;
    font-family: Trebuchet MS;
    text-transform: none;
    height: 70px;
}

.v_detail_comment_bloc h2 {
}

.v_detail_comment_bloc .date {
    background: url(../images/date.png) no-repeat;
    width: 48px;
    height: 54px;
    float: right;
    text-align: center;
}

.v_detail_comment_bloc .mois {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
}

.v_detail_comment_bloc .jour {
    color: gray;
    /*#686E82;*/
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 700;
    margin: 3px 0 0;
    display: block;
}

.v_detail_comment_bloc .contenu {
    float: left;
    width: 510px;
    text-align: justify;
    color: #4d4d4d;
    /*#686E82;*/
}

.v_detail_comment_btn_supp {
    width: 70px;
}

.v_detail_comment_btn_supp span {
    font-size: .5em;
}

.v_detail_vdo_liste_categorie {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*------------------------------------------------*/
/*---------[CONTENU Login Page]-------------------*/
/*------------------------------------------------*/
.login_conteneur {
    margin-top: 50px;
}

.login_conteneur h1 {
    text-align: center;
    margin-bottom: 30px;
}

.login_social_btn {
    text-align: center;
}

.login_button_facebook {
    background: url(../images/connexionFacebook.gif) no-repeat;
}

login_button_twitter {
    background: url(../images/connexionTwitter.gif) no-repeat;
}

.login_tirer {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 247px;
}

.login_log {
    text-align: center;
    margin-bottom: 50px;
}

.login_input {
    width: 320px;
    height: 30px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #AD9C9C;
    font-size: 1.1em;
    padding-left: 10px;
    color: #002454;
    box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px #fff;
}

.login_button {
    min-width: 200px;
    height: 37px;
    border-radius: 5px;
}

.login_connect_btn {
    margin-left: auto;
    margin-right: auto;
}

.login_remember_me {
    width: 170px;
    display: inline-block;
    text-align: left;
}

.login_connect_btn a {
    width: 150px;
    text-align: center;
}

.login_connect_btn #login_connect_error {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.login_forget_mdp {
    font-size: .8em;
    margin-top: 5px;
}

.login_lost_pwd_btn a {
    margin-left: 78px;
    width: 250px;
    text-align: center;
}

.login_creation {
    margin-top: 30px;
}

/*------------------------------------------------*/
/*---------[CONTENU Création Compte]--------------*/
/*------------------------------------------------*/
.user_creation_conteneur {
    text-align: center;
    margin-bottom: 50px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.user_creation_conteneur h1 {
    margin-bottom: 30px;
}

.user_creation_photo {
    border: 1px solid #bbb;
    padding: 1px;
    width: 114px;
    margin-top: 7px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.user_creation_bloc_input {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.user_creation_input {
    width: 300px;
    height: 30px;
    font-size: 1.1em;
    margin-bottom: 5px;
}

.user_creation_input2 {
    width: 220px;
    height: 30px;
    font-size: 1.1em;
}

.user_creation_tiret {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.user_creation_cgu {
    text-align: justify;
    margin-bottom: 30px;
}

/*------------------------------------------------*/
/*---------[Live Interface ]----------------------*/
/*------------------------------------------------*/
.fo-live-interface-live-gauche {
    float: left;
}

.fo-live-interface-ligne-zero {
    border-left: 1px solid #002454;
    /*#fda529;*/
    border-right: 1px solid #002454;
    /*#fda529;*/
    border-bottom: 1px solid #002454;
    /*#fda529;*/
    width: 640px;
    padding: 5px;
}

.fo-live-interface-ligne-zero-contenu {
    padding: 3px;
    background-color: #002454;
    color: #fff;
}

.fo-live-interface-live-droite {
    float: left;
    margin-left: 20px;
    width: 300px;
}

.fo-live-interface-live-bloc {
    padding: 10px;
}

.fo-live-under-video-viewer-conteneur {
    margin-top: 20px;
    margin-bottom: 20px;
}

.fo-live-interface-bloc-question-tabs-cadre {
    border: 1px solid #bbb;
    padding: 5px;
    margin: 10px;
    font: 1.1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fo-live-interface-bloc-question-tabs-cadre span {
    font-style: italic;
    font-weight: 500;
}

.fo-live-interface-bloc-question_tabs-3-btn {
    margin-top: 40px;
    margin-left: 450px;
}

.fo-live-tabs-document-bloc {
    position: relative;
    display: block;
    margin-top: 30px;
}

.fo-live-tabs-document-bloc-cadre {
    border: 1px solid #bbb;
    width: 60%;
    padding: 10px;
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 100px;
}

.fo-live-tabs-document-bloc_titre {
    float: left;
    margin-left: 10px;
}

.fo-live-tabs-document-bloc_icone {
    float: left;
    margin-top: -5px;
    margin-left: 10px;
}

#fo-live-interface-bloc-question_tabs-1 .fo-live-interface-bloc-question-tabs-cadre:nth-child(2n+1), #fo-live-interface-bloc-question_tabs-2 .fo-live-interface-bloc-question-tabs-cadre:nth-child(2n+1) {
    background-color: #e7e7e7;
}

.fo-live-interface-bloc-question-internaute {
    /**width: 102%;**/
    border: 1px solid #DDD;
    height: 50px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fo-live-interface-bloc-question-internaute-input {
    float: left;
    margin-left: 20px;
}

.fo-live-interface-bloc-question-internaute-input-text {
    height: 30px;
    font-size: 1.1em;
}

.fo-live-interface-bloc-question-internaute-btn {
    float: left;
    margin-left: 40px;
    margin-top: 10px;
}

.fo-live-interface-live-droite-invite-photo {
    float: left;
}

.fo-live-interface-live-droite-invite-detail {
    margin-left: 5px;
    float: left;
    width: 200px;
}

.fo-live-interface-live-droite-invite-presentation {
    margin-left: 10px;
    float: left;
    width: 90%;
}

.fo-live-interface-live-droite-invite-detail-nom_prenom {
}

.fo-live-interface-live-droite-invite-detail_presentation {
    font-size: .8em;
}

.fo-live-interface-live-droite-invite-detail_detail {
    font-size: .8em;
    margin-left: 6px;
}

.fo-live-interface-live-droite-bloc-social-link {
}

.fo-live-interface-live-droite-bloc-social-link-logo {
    text-align: center;
}

.fo-live-interface-live-droite-bloc-social-link-logo .facebook {
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
}

.fo-live-interface-live-droite-bloc-social-link-logo .twitter {
    float: left;
    margin-left: 5px;
}

.fo-live-interface-live-droite-bloc-social-link-bloc-connect {
    border: 1px solid #DDD;
    margin-left: 30px;
    border-radius: 4px;
    margin-top: 10px;
    height: 20px;
    font-size: 1.1em;
    padding: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.fo-live-interface-live-droite-bloc-social-link-bloc-facebook {
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-top: 10px;
    height: 185px;
    font-size: 1.1em;
    padding: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.fo-live-interface-live-droite-bloc-social-link-bloc-twitter {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 20px;
}

.vdo_viewer_like .alerte span {
    font-size: .8em;
}

.fo_live_internaute_invite_presentation_bloc {
    text-align: justify;
}

.fo_live_internaute_sondage_tiret {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 80%;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 100px;
}

.fo_live_internaute_sondage_prog_border {
    width: 300px;
    height: 20px;
    background: #999;
    border: 1px solid #DDD;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    white-space: nowrap;
}

.fo_live_internaute_sondage_prog_bar {
    height: 20px;
    background-color: #002454;
    /*#ff6600;*/
    padding-left: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* utilisez une couleur ou une image de fond */
    color: #fff;
}

.radio_vertical .ui-state-hover {
    color: #002454;
    /*#fd9a27;*/
}

.radio_vertical .ui-state-active {
    color: #002454;
    /*#fd9a27;*/
}

.fo_live_internaute_sondage_bloc_btn {
    text-align: center;
    margin-top: 30px;
}

.fo_live_internaute_sondage_reponse_bloc {
    margin-top: 9px;
    margin-bottom: 9px;
}

.fo_live_internaute_sondage_reponse_bloc_reponse_titre {
    /*margin-left:100px;*/
    float: left;
    width: 300px;
}

.vdopollPrctContainer {
    font-weight: 700;
}

.fo_live_internaute_sondage_resultat_nbparticipant {
    text-align: right;
    margin-right: 35px;
    margin-top: 20px;
}

#fo_live_internaute_sondage_reponse_radio {
    width: 400px;
    /*margin-left: 150px;*/
}

#fo_live_internaute_sondage_reponse_radio li {
    margin-bottom: 10px;
    text-align: justify;
}

/*------------------------------------------------*/
/*---------[Live Interface Teaser ]---------------*/
/*------------------------------------------------*/
.fo-live-interface-teaser-bloc-question-internaute {
    border: 1px solid #DDD;
    padding: 10px;
    margin-top: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fo-live-interface-teaser-bloc-question-internaute-input {
}

.fo-live-interface-teaser-bloc-question-internaute-input-left {
}

.fo-live-interface-teaser-bloc-question-internaute-deja-pose {
    border: 1px solid #DDD;
    height: 400px;
    overflow: auto;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fo-live-interface-teaser-bloc-question-internaute-deja-pose .fo-live-interface-teaser-bloc-question-internaute-deja-pose_bloc:nth-child(2n+2) {
    background: #e7e7e7;
}

.fo-live-interface-teaser-bloc-question-internaute-deja-pose .auteur {
    display: block;
    text-align: right;
    font-weight: 600;
}

.fo-live-interface-teaser-bloc-question-internaute-deja-pose_bloc {
    border: 1px solid #DDD;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.fo-live-internaute-teaser-alerte-conteneur {
    margin-left: 100px;
    margin-top: 50px;
}

.fo-live-internaute-teaser-alerte-conteneur-btn {
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

.fo-live-interface-ligne-zero-horiscroller {
    width: 640px;
}

.fo-live-interface-ligne-zero-horiscroller .scroll-text {
}

/*
#fo-live-interface-live-moderateur-liste a {
	display:block;
	border-bottom:1px #e1e1e1 dotted;
	color:#464358;
}

#fo-live-interface-live-moderateur-liste a:hover {
	background-color:#e1e1e1;
	text-decoration:none;
}
*/
#fo-live-interface-live-moderateur-contact {
    float: right;
    display: block;
    margin-bottom: 5px;
}

#fo-live-interface-live-moderateur-contact a {
    font-size: .9em;
}

.countdownHolder {
. font: 40 px / 1.5 'Open Sans Condensed', sans-serif;
}

.digit.static {
    background-image: linear-gradient(bottom, #3A3A3A 50%, #444 50%);
    background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444 50%);
    background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444 50%);
    background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444 50%);
    background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444 50%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444));
}

.digit {
    position: absolute;
    display: block;
    width: 1em;
    background-color: #444;
    border-radius: .2em;
    text-align: center;
    letter-spacing: -1px;
}

/*------------------------------------------------*/
/*------ UTILISATEUR SUPPRESSION PROFIL ----------*/
/*------------------------------------------------*/
#user_del_link {
    margin-top: 20px;
    text-align: right;
    font-size: .8em;
}

#user_del_link a {
    font-size: inherit;
}

/*----------------------------------*/
/*------ VIDEOS CHAPITRES ----------*/
/*----------------------------------*/
.v_viewer_bloc_chapitres {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.v_viewer_bloc_chapitres .chapitre_btn {
    display: block;
    float: left;
    width: 100px;
    padding: 4px;
    border-radius: 3px;
    background-color: #002454;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    font-family: 'Roboto', 'Arial', sans-serif;
    font-size: 10px;
    cursor: pointer;
    line-height: 1em;
}

.v_viewer_bloc_chapitres .chapitre_btn:hover {
    opacity: .5;
}

.v_viewer_bloc_chapitres .chapitre_btn .timecode {
    font-size: 9px;
    position: absolute;
}

/*Special mods responsive*/
#video-liste-grid-conteneur .video-liste-grid-item {
    width: 215px;
    min-height: 370px;
}

.vdo_viewer_blocage_acctype {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
}

.tooltip *, .fancybox-skin * {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

/*FILDARIANE*/
.fil-ariane {
    font-size: 1em;
    clear: both;
}

/*ECONGRES*/
.card-session {

    background-color: #0665a4;
    color: white;
    border-bottom: 1px solid white !important;
}

.live-programme .card-header-title p, .live-programme .card-header-time span, .live-programme .card-header-time p {
    color: white;
}

.live-programme .card-session-type {
    display: none;
}

#header {
    opacity: 1;
}

#v2-container-fluid {
    margin: 0 !important;
}

#v2-container-fluid.container-zone-principale {
    width: inherit;
    max-width: inherit;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}


#left-panel-float, .cardHeaderSidePanel {
    background-color: #2A3E95;
}

.sideBarPanel, #left-panel-float {
    top: 80px;
}

.sideBarPanel {
    margin-left: 73px !important;
}

@media only screen and (max-width: 992px) {
    #header {
        margin-bottom: 0 !important;
    }

    .navbar .dropdown-item {
        white-space: inherit;
    }

    #navbar-section #navbar-main-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    #navbar-section #navbarSupportedContent {
        padding-left: 91px;
        height: auto !important;
    }

    #navbar-section #navbar-main-content .buttonBurgerNavbar {
        margin-right: 1.9rem;
    }
}

@media only screen and (max-width: 575px) {
    #navbar-section #navbarSupportedContent {
        padding-left: 0 !important;
    }
}

.headerSpacer {
    padding-bottom: 80px;
}

#banner-holder {
    width: fit-content;
    height: auto;
    line-height: 0 !important;
}

.montSerratFF {
    font-family: 'Montserrat', 'Roboto', 'Open Sans', 'Arial', sans-serif;
}

/* <editor-fold desc="PROGRAMME"> */
.program_advanced-search_title {
    color: #002454;
}

.program_advanced-search_button {
    min-width: 160px;
}

#programmeSearchBtn {
    margin-left: unset;
}

.program_advanced-search_section {
    height: 100%;
    background-color: white;
    border: solid 1px #0000004D;
    box-shadow: 0 3px 6px #0000004D;
}

.program_advanced-search__inner {
    background-color: #F8F8F8;
}

.program_advanced-search_checkbox-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.program_advanced-search_checkbox {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.25rem;
}

#programme-content .sessionSection {
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
}

#programme-content .sessionSection .badgeSection button:disabled {
    opacity: 1;
}

#programme-content .sessionSection .sessionTitle h1 {
    text-transform: uppercase;
    font-size: 20px;
}

#programme-content .badgeSection button {
    border-radius: .5rem;
    max-width: 200px;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

#programme-content .dateContent {
    font-size: 18px;
    color: black;
}

#programme-content .sessionSection .joinLive {
    text-decoration-color: #AE1022;
}

#programme-content .sessionSection .joinLive div {
    color: #AE1022;
}

#programme-content .sessionSection .watchReplay, #programme-content .sessionSection .displayDetails {
    text-decoration-color: #AE1022;
}

#programme-content .sessionSection .watchReplay div, #programme-content .sessionSection .displayDetails div {
    color: #AE1022;
}

#programme-content .sessionTitle .sessionLive, #programme-content .sessionTitle .sessionLive h1 {
    color: #AE1022;
}

#programme-content .imgRoom {
    max-height: 180px;
}

#programme-content .imgRoomSection {
    height: 180px;
}

#programme-content .badgeSection .overflowBadge {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 32px;
    padding: 5px 0;
    color: white;
}

#programme-content .roomTitle {
    height: 34px;
}

#programme-content .roomTitle a {
    max-height: 20px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
}

#programme-content .linkSection {
    height: 60px;
}

/* </editor-fold desc="PROGRAMME"> */

/*
 * LIST CONTAINER V2 START
 */

#media-list .containerSection {
    border: solid 1px #EAEBEC;
    background-color: #EAEBEC;
    box-shadow: 0 3px 6px #0000004D;
}

#media-list .badgeChannel {
    font-size: 85%;
    text-decoration: none;
    color: white;
    background-color: #1E3B5E;
}

#media-list .badgeChannel:hover {
    opacity: .7;
}

#container-list-title {
    text-transform: uppercase;
    color: #1E3B5E;
}

#zone-contenu-sidebar > h1 {
    text-transform: uppercase;
    color: #1E3B5E;
    font-size: 26px;
    font-weight: bold;
}

.meetSpeakerBadge {
    background-color: #ff2e4f;
    color: white;
}

.meetSpeakerBadge span,
.meetSpeakerBadge i {
    color: white;
}

/*
 * LIST CONTAINER V2 END
 */

/*
 * CONTAINER DETAILS V2 START
 */
#container-details #container-title {
    font-size: 24px;
    line-height: 30px;
}

#container-details .rightZoneTitle, #container-details .commentTitle {
    color: #2A3E95;
    font-size: 18px;
    width: 100%;
    font-weight: 400;
    padding-bottom: 10px;
}

#container-details .rightZoneTitleHr, #container-details .commentTitleHr {
    height: 3px;
    width: 100%;
    border-radius: 20px;
    background-color: #2A3E95;
    margin-bottom: 15px;
}

#container-details .rating {
    background-color: #EAEBEC;
    border-radius: 9px;
    box-shadow: 0px 3px 6px #0000004D;
}

#container-details .rating span {
    font-size: 14px;
}

#container-details .buttons .share a, #container-details .buttons .ddl a {
    background-color: #2A3E95;
    border-radius: 7px;
}

#container-details .commentAddSection .commentBlockNew,
#container-details #comment-list-section .commentBlock {
    background-color: #EAEBEC;
    box-shadow: 0 3px 6px #0000004D;
    border-radius: 20px;
    margin-left: 0;
    margin-right: 0;
}

#container-details .commentAddSection .userCommentImg {
    border-radius: 50%;
    max-height: 100px;
    max-width: 100px;
}

#container-details .commentAddSection .userName {
    font-size: 14px;
    width: min-content;
}

#container-details .commentAddSection .userCommentImgAnswer {
    border-radius: 50%;
    max-height: 75px;
    max-width: 75px;
}

#container-details .commentAddSection .userNameAnswer {
    font-size: 12px;
}

#container-details .commentAddSection .commentAddInput {
    border-radius: 15px;
    padding: 16px;
    font-size: 14px;
}

#container-details .commentAddSection #buttonPublish {
    background-color: #2A3E95;
    border: solid 1px #2A3E95;
}

#comments-section .commentText {
    border-radius: 15px;
    padding: 16px;
    border: 0;
    background-color: white;
    color: black;
}

#comments-section #updateComButton {
    background-color: #21D827;
    border: solid 1px #21D827;
    border-radius: 5px;
}

#comments-section .comment_del,
#comments-section #updateComButton,
#container-details .commentAddSection #buttonPublish {
    font-size: 15px;
    min-width: 100px;
}

#container-details, #comment_answer_modal {
    font-family: 'Montserrat', 'Roboto', 'Open Sans', 'Arial', sans-serif;
}

#comment_answer_modal .modal-dialog > div {
    border-radius: 20px !important;
    border-color: white;
    background-color: white;
    opacity: 1 !important;
}

#comment_answer_modal .modal-dialog .modal-content {
    border: solid 1px #707070;
    border-radius: 20px !important;
}

#comments-section .imgProfileComment,
#container-details .commentAddSection .imgProfileComment {
    display: inline-block;
    width: 75px;
    height: 75px;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    aspect-ratio: 1/1;
}

#container-details .relatedContentBadge {
    padding: 7px;
    background-color: #21D827;
    color: white;
}

#container-details #question-response-button,
#container-details #channel_vote_container, #container-details .mediaRoomButton {
    max-width: 220px;
    font-size: 14px;
    background-color: #2A3E95;
}

#container-details #question-response-button .fa-question-circle,
#container-details #channel_vote_container .fa-poll {
    font-size: 1.5em;
}

#container-details #shared-buttons button {
    background-color: #2A3E95;
}

#commentAnswerTxtarea {
    resize: none;
}

#container-details .commentPaginationActive a {
    background-color: #147BFC;
    color: white;
}

.buttonLibrary:hover {
    opacity: 0.7;
}

.buttonLibrary {
    padding: 0.3rem;
    border-radius: 0.25rem;
}

.buttonLibrary,
.buttonLibrary:active,
.buttonLibrary * {
    text-decoration: none;
    color: white;
    background-color: #1E3B5E;
    text-align: center;
    cursor: pointer;
}

.buttonLibrary *:not(i) {
    font-size: 0.7rem;
    font-weight: 700;
}

.buttonLibrary i {
    font-size: 1.3rem;
}

.libraryRemove,
.libraryRemove:active,
.libraryRemove * {
    background-color: #D42F52;
}

/*
 * PROGRAM PDF START
 */

#programPdf .room-details {
    margin-bottom: 20px;
}

#programPdf .room-name-row {
    background: #002454 0% 0% no-repeat padding-box;
    opacity: 1;
}

#programPdf .room-name-row .room-name {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: Montserrat;
    font-weight: bold; /* Bold */
    font-size: 20px;
    line-height: 24px;
}

#programPdf .room-content {
    background: rgba(0, 36, 84, 0.1) 0% 0% no-repeat padding-box;
    border: 1px solid #002454;
    opacity: 1;
}

#programPdf .card-hour {
    text-align: left;
    font-family: Montserrat;
    font-weight: bold; /* Bold */
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 0px;
}

#programPdf .card-type {
    text-align: right;
    font-family: Montserrat;
    font-weight: bold; /* Bold */
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    opacity: 1;
}

#programPdf .session-card {
    height: 50px;
}

#programPdf .program-pdf-title {
    text-align: center;
    font-family: Montserrat;
    font-weight: bold; /* Bold */
    font-size: 30px;
    line-height: 54px;
    letter-spacing: 0px;
    opacity: 1;
}

#programPdf .program-pdf-title-first-part {
    color: #002454;
}

#programPdf .program-pdf-legend .timezone {
    font: normal normal bold 30px/37px Montserrat;
    font-family: Montserrat;
    font-weight: 900; /* Bold */
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    color: #002454;
    opacity: 1;
}

#programPdf .program-pdf-legend .timezone-value {
    font-family: Montserrat;
    font-weight: x-large;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    opacity: 1;
}

#programPdf .colorSquare {
    height: 20px;
    width: 20px;
    background-color: black;
    flex-shrink: 0;
}

#programPdf .type-name {
    font-family: Montserrat;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0px;
}

#programPdf .program-pdf-footer {
    text-align: center;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #002454;
}

#programPdf .session-name {
    font-family: Montserrat;
    font-weight: normal;
    font-size: 13px;
    line-height: 10px;
    letter-spacing: 0px;
}

/*
 * PROGRAM PDF END
*/


/* SPE 2022 */
/* START ESC ELECTIONS */
#esc-elections-page h1, h2,
#esc-photo-booth-page_introduction h1, h2 {
    color: #AE1022;
}

#esc-elections-page_dates {
    margin-top: 40px;
}

#esc-elections-page #esc-elections-page_candidates .card-img {
    max-width: 218px;
}

#esc-elections-page #esc-elections-page_candidates .card-elections {
    max-width: 250px;
    margin-left: 40px;
    margin-right: 40px;

}



/* END ESC ELECTIONS */
/* START GLOBAL*/
.text-danger {
    color: #AE1022 !important;
}

.frontoffice .btn-primary,
.frontoffice .btn-outline-primary {
    background-color: #AE1022;
    border: 1px solid #AE1022;
    color: white;
}

.frontoffice .btn-primary:hover,
.frontoffice .btn-outline-primary:hover {
    border: 1px solid #b93140;
    background-color: #b93140;
}

.frontoffice .btn-primary:active,
.frontoffice .btn-primary:focus {
    border: 1px solid #900616 !important;
    background-color: #900616 !important;
}

.frontoffice .btn-info,
.frontoffice .btn-outline-info {
    background-color: #878787;
    border: 1px solid #878787;
    color: white;
}

.frontoffice .btn-info:hover,
.frontoffice .btn-outline-info:hover {
    border: 1px solid #a8a8a8;
    background-color: #a8a8a8;
}

.frontoffice .btn-info:active,
.frontoffice .btn-info:focus {
    border: 1px solid #6c6c6c !important;
    background-color: #6c6c6c !important;
}

.frontoffice .btn-danger,
.frontoffice .btn-outline-danger {
    background-color: #ffffff;
    border: 1px solid #AE1022;
    color: #AE1022;
}

.frontoffice .btn-danger:hover,
.frontoffice .btn-outline-danger:hover {
    background-color: #900616;
    border: 1px solid #900616;
    color: #ffffff;
}

.frontoffice .btn-danger:active,
.frontoffice .btn-danger:focus {
    background-color: #900616 !important;
    border: 1px solid #900616 !important;
    color: #ffffff !important;
}

/* END GLOBAL */
/* START NAVBAR*/
#header a.nav-link {
    color: black!important;
    font-weight: normal!important;
}
#header .navbarFontWeight {
    font-weight: normal!important;

}

#navbar-brand-img {
    max-height: 30px;
}

a.navbar-brand > div:after {
    padding-left: 100px;
}


#navbar-left-block a > div > .nav-link-label:before {
    height: 1px!important;
}

#header-menu-icon {
    color: black!important;
}

#header a.nav-link-label{
    color: black!important;
    font-weight: normal!important;

}

#navbar-left-block a > div > .nav-link-label:before {
    background-color: black!important;
    color: black!important;
}

#header a.navbar-brand > div:after {
    color: black;
}

/* END NAVBAR*/

/* START PROGRAMME */
#modal-sessions-div .fa-stop {
    color: #AE1022;
}

#programme-content .sessionSection {
    background-color: #a8a8a8 !important;
    color: #ffffff !important;
}

#programme-content .sessionSection .sessionTitle,
#programme-content .sessionSection .sessionTitle h1,
#programme-content .sessionSection .dateContent {
    background-color: #a8a8a8 !important;
    color: #ffffff !important;
}

#programme-content .sessionSection .watchReplay div,
#programme-content .sessionSection .displayDetails div {
    color: #AE1022 !important;
}

.programme-session-card.programme-session-display.border {
    background-color: #a8a8a8;
    color: white !important;
}

#programme-calendar .program-session-card-view-details > div {
    color: #AE1022 !important;
}

#programme-calendar .colorDarkTurquoise {
    color: #AE1022 !important;
}

#modal-sessions-div #modal-agenda {
    color: #AE1022 !important;
}

#modal-sessions-div .download-ics {
    color: #AE1022 !important;
    /* Link was not displayed but font-icon yes */
    display: none;
}

.programme-session-card.programme-session-display.border {
    background-color: #a8a8a8;
    color: white !important;
}

/* END PROGRAMME */

/* START NETWORKING */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #AE1022 !important;
    border-color: #AE1022 !important;
}

/* END NETWORKING */

/* START ONDEMAND */
#container-details .rightZoneTitle,
#container-details .commentTitle {
    color: #AE1022 !important;
}

#container-details .rightZoneTitleHr {
    background-color: #AE1022 !important;
}

/* END ONDEMAND */

/* START BAR CHAT */
body #arrowchat_base {
    height: 60px !important;
    background-color: #AE1022 !important;
    background: #AE1022 !important;
}

#arrowchat_base > div {
    background-color: #AE1022;
    font-weight: bold;
}

#arrowchat_base #ac-networking-zone {
    height: 60px;
}

#arrowchat_chatboxes {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#arrowchat_base .acBackgroundButton {
    height: 61px !important;
    background-color: #AE1022 !important;
}

#arrowchat_base .arrowchat_bar_button {
    border: 1px solid #b93140 !important;
    padding: 0 !important;
    height: 60px !important;
}

div#arrowchat_chatboxes {
    border-left: 2px solid #AE1022;
}

#ac-contact-chat-name-icon {
    height: 23px;
    width: 23px;
}

#arrowchat_base .arrowchat_inner_button {
    margin: 0 !important;
}

.aCHeight {
    height: 60px !important;
}

.aCPopupPosition {
    bottom: 59px !important;
}

#arrowchat_base #ac-conf-delegate-icon,
#arrowchat_base #ac-my-discussion-groups,
#arrowchat_base #ac-my-contact-icon {
    height: 30px;
    width: 30px;
}

#arrowchat_base #ac-conf-delegate-icon {
    width: 38px;
}

div#arrowchat_show_bar_button {
    right: 0;
    height: 60px !important;
    background-color: #AE1022 !important;
}

.frontoffice .aCShowStyle.arrowchat_inner_button.aCHeight.acBackgroundButton,
.frontoffice .arrowchat_tabtitle {
    background-color: #AE1022 !important;
}

#arrowchat_base #ac-networking-zone,
#arrowchat_base .aCLineHeightTab,
#arrowchat_base .aCContactName,
#arrowchat_base .arrowchat_tabmouseovertext,
#arrowchat_base .fa-times,
#arrowchat_show_bar_button .acColorTab,
#arrowchat_base .acColorTab,
#arrowchat_base #ac-buddy-nb,
#arrowchat_base .arrowchat_closebox_bottom:before{
    color: #ffffff!important;
}

#ac-conf-delegate-icon:before,
#ac-contact-chat-name-icon:before,
#ac-my-contact-icon:before,
#ac-my-discussion-groups:before,
#ac-delegates-session:before {
    color: #ffffff;
    font-size: 30px;
}

#ac-conf-delegate-icon,
#ac-contact-chat-name-icon,
#ac-my-contact-icon,
#ac-my-discussion-groups,
#ac-delegates-session {
    display: contents;
}

.arrowchat_tabalert {
    top: 0 !important;
}

#arrowchat_optionsbutton {
    display: none!important;
}

#hallHelpText {
    display: none;
}
/* END BAR CHAT */