/*------------------------------------------------*/
/*-----------[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 */

:root {
    --oec-2024-header-default-bg-color: #013043;

    --oec-2024-sidebar-panel-default-bg-color: #FFFFFFFF;

    --oec-2024-header-default-text-color: #FFFFFFFF;
    --oec-2024-header-secondary-text-color: #000000FF;

    --oec-2024-highlighted-element-default-color: #f02649;

    --oec-2024-secondary-navbar-default-font-size: 16px;
    --oec-2024-secondary-navbar-secondary-font-size: 13px;

    --timeline-live-question-bg-color: #094e89;
    --timeline-live-comment-bg-color: #71979A;
    --timeline-live-info-bg-color: #DD144B;
    --timeline-live-vote-bg-color: #1AA1E2;
    --timeline-live-file-link-bg-color: #ffa242;
    --timeline-live-website-link-bg-color: #31c4f2;
    --timeline-live-photo-bg-color: #5C6E91;
}

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

.frontoffice p {
    font-family: 'Montserrat', sans-serif;
    color:#ffffff;
    font-size:17px;
}

#ubiquity-conteneur .wysiwyg-v2-edited p,
#ubiquity-conteneur .wysiwyg-v2-edited h1,
#ubiquity-conteneur .wysiwyg-v2-edited h2,
#ubiquity-conteneur .wysiwyg-v2-edited h3,
#ubiquity-conteneur .wysiwyg-v2-edited h4,
#ubiquity-conteneur .wysiwyg-v2-edited h5,
#ubiquity-conteneur .wysiwyg-v2-edited h6,
#ubiquity-conteneur h1,
#ubiquity-conteneur h2,
#ubiquity-conteneur h3,
#ubiquity-conteneur h4,
#ubiquity-conteneur h5,
#ubiquity-conteneur h6,
#ubiquity-conteneur .wysiwyg-v2-edited span,
#ubiquity-conteneur .wysiwyg-v2-edited strong{
    color:#ffffff;
}

.teaserContainer .wysiwyg-v2-edited p,
.teaserContainer .wysiwyg-v2-edited h1,
.teaserContainer .wysiwyg-v2-edited h2,
.teaserContainer .wysiwyg-v2-edited h3,
.teaserContainer .wysiwyg-v2-edited h4,
.teaserContainer .wysiwyg-v2-edited h5,
.teaserContainer .wysiwyg-v2-edited h6,
.teaserContainer h1,
.teaserContainer h2,
.teaserContainer h3,
.teaserContainer h4,
.teaserContainer h5,
.teaserContainer h6,
.teaserContainer .wysiwyg-v2-edited span,
.teaserContainer.wysiwyg-v2-edited strong{
    color:#ffffff;
}

.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;
    color: white;
}

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;
}


.frontoffice a, .frontoffice a:visited, .frontoffice a:hover {
    color:rgb(0, 191, 255);
}

.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-principale, #body-container, .container-zone-principale {
    background: transparent linear-gradient(180deg, #01354A, #000B0F) fixed padding-box !important;
}

#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;
}

#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 {
    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;
}

.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_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 {
    width: 330px;
    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 {
    margin-left: 228px;
    font-size: .8em;
    margin-top: 5px;
}

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

.login_creation {
    margin-left: 65px;
    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;
    -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 {
}

.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;
}

.page-container-detail .containerInfoNbViews {
    display:none;
}

#left-panel-float {
    background-color: #232323;
}
.cardHeaderSidePanel.card-header {
    margin-bottom:10px;
}

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

.sideBarPanel {
    margin-left: 70px !important;
    z-index: 1030;
}

@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: #FD3030;
}

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

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

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

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

#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;
}

#modalSessionsInfos {
    padding-right: 0!important;
}
/* </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 {
    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: 0;
}

/*
 * PROGRAM PDF END
 */

/* <editor-fold desc="Vue spe"> */
body {
    background:transparent linear-gradient(180deg, #01354A, #000B0F) fixed padding-box!important;
}

.container-zone-principale,
.frontoffice {
    background: transparent;
}

#main-footer .containerfoot a,
#main-footer .containerfoot,
#main-footer {
    background: transparent;
    color: #FFFFFF;
}

.fil-ariane a {
    color: white;
}

#advanced-search-container-list {
    color: black ;
}

.oec-title_chevron {
    font-size: 0.8em;
}

/* <editor-fold desc="Container vignette"> */
    .container-thumbnail-holder {
        max-width:490px;
        height: 220px;
        background-size: cover !important;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }

    .container-information {
        height: 33%;
        width: inherit;
        background: transparent linear-gradient(180deg, #00000063 0%, #545454D9 100%) 0% 0% no-repeat padding-box;
        /*mix-blend-mode: multiply;*/
        opacity: 1;
        border-radius: 0px 0px 10px 10px;
        color: #FFFFFF;
        font-size: 17px;
        line-height: 19px;
    }

    .container-information__title {
        text-align: left;
        letter-spacing: 0px;
        opacity: 1;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
    }

    .container-thumbnail-link:hover {
        text-decoration: none;
    }

    .container-thumbnail-rating {
        font-style: normal;
        color: yellow;
    }

    .container-thumbnail-information {
        font-size: 14px;
        line-height: 10px;
    }

/* </editor-fold desc="Container vignette"> */

/* <editor-fold desc="NAVBAR"> */
#header {
    -webkit-box-shadow: 0px 5px 5px 0px #01354a;
}
/* </editor-fold desc="NAVBAR"> */


a:hover{
    color: #B4B4B4;
}

/* <editor-fold desc="CONTAINER"> */
.container-details__title {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}

.container-details__text strong {
    color: #FFFFFF
}

.container-details__icons {
    color: #B4B4B4;
    font-size: 13px;
}

.container-details-nav-items {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 3px 3px 0px 0px;
    opacity: 1;
    height: 32px;
}

.container-details-nav-link {
    text-align: left;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0px;
    background-color:#AFC1C7;
    display:block;
    color: #000000  !important;
}

.libraryContainerDetails {
    color:#FFFFFF;
}

.container-details-nav-link.active {
    opacity: 1;
}

.container-details-nav-tabs {
    border-bottom: none;
}

.container-rating {
    height: 21px;
    border-radius: 10px;
    opacity: 1;
}

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

.container-details__subtitle {
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.container-details__separator {
    border-top: 1px solid #FFFFFF;
}

.container-details-faculty__btn {
    background: transparent linear-gradient(338deg, #A21770 0%, #F82245 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 7px;
    border: 0px;
    opacity: 1;
    color: #FFFFFF;
    border: none !important;
}

.container-details__faculty-picture {
    height: 130px;
    width: 130px;
    box-shadow: 0px 3px 6px #FFFFFF4F;
    border-radius: 50%;
}

.container-details__faculty-name {
    font-weight:bold;
}

.container-details__related-content-holder {
    display: grid;
    max-width: 1920px;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    column-gap: 15px;
    row-gap: 15px;
}

.container-list__holder {
    display: grid;
    max-width: 1920px;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    column-gap: 30px;
    row-gap: 30px;
}

.container-details-link,
.container-details-link:visited {
    color: #FFFFFF;
}

.container-details-link:hover {
    color: #b4b4b4;
}
/* </editor-fold desc="CONTAINER"> */

/* <editor-fold desc="PAGE MEDIA LIST"> */
/* <editor-fold desc="Advanced search"> */
#advanced-search-container-list li {
    color: black;
}

#advanced-search-container-list #EndDate,
#advanced-search-container-list #startDate {
    width: 85px;
    border-radius: 6px;
    padding-left: 5px;
}

@media screen and (max-width: 1500px) {
    .oec-media-list__datepicker {
        flex-direction: column!important;
        align-items: flex-start!important;
    }

    .oec-media-list__datepicker label {
        min-width: 45px;
    }
    #advanced-search-container-list #EndDate,
    #advanced-search-container-list #startDate {
        width: 100%;
    }

}

@media screen and (max-width: 1300px) {
    .oec__as_flex-responsive {
        flex-direction: column!important;
        align-items: flex-start!important;
    }

    .oec__as_flex-responsive > div {
        max-width: 100%;
    }

    .oec__as_flex-responsive_buttons {
        padding-top: 1.5em;
    }
}

@media (max-width: 1600px) {
    .container-thumbnail-holder {
        max-width:490px;
        height: 250px;
        background-size: cover !important;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }
}

.oec-media-list__as_title {
    line-height: 31px;
    color: #012432;
}

.resetAdvancedSearchForm {
    color: black;
    font-weight: 500;
}

#as-titles::placeholder,
#as-faculty-name::placeholder {
    font-size: 13px;
    color: black;
}
/* </editor-fold desc="Advanced search"> */

.media-list__channel_carousel {
    height: 175px;
    background-size: cover;
    border-radius: 15px;
}

.oec-media-carousel .slick-slide {
    margin: 0 30px;
}

.oec-media-carousel .slick-prev:before,
.oec-media-carousel .slick-next:before
{
    color: white;
    border: 0;
    background: transparent;
    border-radius: 5px;
    font-size: 35px;
    font-weight: 500;
    opacity: 1;
}

.oec-media-carousel .slick-prev:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f053";
}

.oec-media-carousel .slick-next:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
}

.oec-container-list__search_inner {
    width: 350px;
}

.oec-container-list__search_button {
    border: 0;
    background: #C01B61;
    color: white;
    border-radius: 0 .25rem .25rem 0;
}

.oec-container-list__search_input {
    margin: 0 !important;
    height: unset;
    background: #C7C7C754 !important;
    border: 0 !important;
    padding: 0 !important;
    color: white !important;
    padding-left: 20px !important;
    font-size: 15px !important;
}

.oec-container-list__search_input::placeholder {
    color: white;
    font-weight: 500;
}

.container-details__text,
.container-details__faculty-name,
.container-details__title {
    color: white;
}

.container-details__faculty-name {
    font-size: 15px;
}

.container-details__text {
    font-size: 17px;
    line-height: 21px;
    font-weight: 400;
}

.container-details__text-description {
    font-size: 15px;
}

.container-details__text-sidebar {
    font-size: 13px;
}

.fil-ariane {
    color:white;
}

.container-details__text:visited {
    color:white;
}
#container-list-title span,
#zone-contenu-sidebar h1 {
    color: white !important;
}

#container-details h1,
#container-details h2,
#container-details h3,
#container-details h4,
#container-details h5,
#container-details label{
    color: white;
}
.oec-media-list__title_result {
    font-weight: bold;
    font-size: 30px;
    color: white;
}

#zone-contenu-sidebar .media-title {
    background: transparent;
}

#container-list-advanced-search-toggle {
    background: transparent linear-gradient(329deg, #A21770 0%, #F82245 100%) 0% 0% no-repeat padding-box;
    border: 0;
    /*font-size: 13px;*/
}

#advanced-search-container-list {
    background: white;
    border-radius: 5px;
}

.oec-media-list__channels_carousel {
    font-weight: 500;
    font-size: 18px;
    color: white;
}

.oec-media-list__order-by_button:focus,
.oec-media-list__order-by_button:hover,
.oec-media-list__order-by_button {
    background: transparent !important;
    border: 0 !important;
    font-weight: 500;
    font-size: 18px;
}

.oec-media-list__order-by .dropdown-toggle::after {
    display: inline-block;
    content: "\f078";
    padding-left: 54px;
    margin: 0;
    vertical-align: 0;
    border: 0;
}

#container-list-title {
    text-transform: none;
}

.oec-media-list__order-by .dropdown-menu {
    background: #575757;
    color: white;
    font-weight: 500;
    font-size: 16px;
    border-radius: 0;
}

.oec-media-list__order-by .dropdown-item:focus,
.oec-media-list__order-by .dropdown-item:hover {
    background: #575757;
    opacity: .6;
    cursor: pointer;
}

.containerSection {
    max-width: 700px;
}

.video-liste-item {
    margin-bottom: 6rem!important;
}

.video-liste-item .containerSection {
    border-radius: 15px;
    background: #084056 !important;
    border: 0 !important;
    box-shadow: unset !important;
}

.oec-container__title a {
    font-weight: 600;
    font-size: 18px;
    color: white;
}

.oec-media-list__image:hover,
.oec-container__title a:hover {
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    opacity: .6;
}

.v_liste_vdo_acctype {
    position: unset;
    margin-left: 0;
}

.oec-media-list__image {
    background-size: cover !important;
    height: 175px;
}

.oec-media-list__media_date-creation {
    font-size: 16px;
    font-weight: 500;
    color: white;
}

#media-list .badgeChannel {
    background-color: #575757;
}

#media-list .oec-card__duration {
    font-style: italic;
    font-weight: 500;
}

#media-list .oec-card__rating {
    font-size: 18px;
    font-weight: 500;
    color: white;
}

#media-list .oec-card__duration {
    font-size: 15px;
    font-weight: 500;
    color: white;
}

#media-list .oec-card__rating__icon {
    color: white;
    font-size: 1.5em;
}

#media-list .oec-card_badges {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#container-list-title .oec-title_chevron,
#zone-contenu-sidebar .oec-title_chevron {
    font-size: 1.2em;
}

#advanced-search-container-list #advanced-search-info-block a {
color: #575757;
}

#advanced-search-container-list #advanced-search-info-block {
    background: white;
    color: black;
}

.oec_media-list_not-found {
    color: white;
    padding-bottom: 10px;
    font-size: 18px;
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500;
    border-bottom: 1px solid white;
}

#ui-datepicker-div .ui-state-default {
    background: white;
    color: #000000;
    border: 0;
}
#ui-datepicker-div .ui-datepicker-calendar th {
    background: #01212E;
    color: white;
}

#ui-datepicker-div .ui-datepicker-header {
    background: white;
    color: black;
    border: 0;
}

#ui-datepicker-div .ui-datepicker-week-end.ui-state-disabled {
    opacity: 1;
}
#ui-datepicker-div .ui-datepicker-week-end,
#ui-datepicker-div .ui-datepicker-week-end .ui-state-default {
    background: #B7B7B7;
    color: #000000;
    border: 0;
}

.ui-datepicker-current-day a{
    border: solid 2px #01212E !important;
    border-radius: 5px;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

#container-list-search-form .advancedSearchInputs input {
    height: 38px !important;
    border-radius: 5px;
}
#container-list-search-form .select2-container .select2-selection__choice {
    min-height: 25px;
}

#container-list-search-form .select2-search__field {
    padding-top: 5px;
    font-size: 15px;
}

#container-list-search-form .advanced-search-rating,
#container-list-search-form .select2-container .selection .select2-selection,
#container-list-search-form .select2-container .selection {
    min-height: 38px !important;
}

#container-list-search-form .as__faculty-name .select2-selection--multiple {
    overflow: hidden;
}

#container-list-search-form .advanced-search-rating,
#container-list-search-form .select2-container,
#container-list-search-form input {
    margin: 0 !important;

}

#container-list-search-form .advanced-search-rating {
    border-radius: 5px;
    border-color: #aaa !important;
}

#container-list-search-form #as-titles,
#container-list-search-form #as-faculty-name {
    padding-left: 10px;
    font-size: 15px;
}

/* </editor-fold desc="PAGE MEDIA LIST"> */
.btn-primary {
    background: transparent linear-gradient(338deg, #A21770 0%, #F82245 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 7px;
    border: 0px;
    opacity: 1;
    color: #FFFFFF;
}

.frontoffice h1,
.frontoffice h2,
.frontoffice h3,
.frontoffice h4,
.frontoffice h5,
.frontoffice h6,
.frontoffice strong,
.frontiffice span{
    color: white;
}


.frontoffice .fancybox-inner p,
.frontoffice .fancybox-inner h1,
.frontoffice .fancybox-inner h2,
.frontoffice .fancybox-inner h3,
.frontoffice .fancybox-inner h4,
.frontoffice .fancybox-inner h5{
    color:#000000;
}

#ubiquity-conteneur .fancybox-inner p,
#ubiquity-conteneur .fancybox-inner h1,
#ubiquity-conteneur .fancybox-inner h2,
#ubiquity-conteneur .fancybox-inner h3,
#ubiquity-conteneur .fancybox-inner h4,
#ubiquity-conteneur .fancybox-inner h5{
    color:#000000;
}

.frontoffice .modal-content h1,
.frontoffice .modal-content h2,
.frontoffice .modal-content h3,
.frontoffice .modal-content h4,
.frontoffice .modal-content h5,
.frontoffice .modal-content h6,
.frontoffice .modal-content strong,
.frontoffice .modal-content span,
.container-list__advanced-search .oec-media-list__as_title {
    color: black;
}

.frontoffice-text {
    color:white;
}

.go-to-top__button {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 30px;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #7A7777;
    color: black;
    cursor: pointer;
    padding: 7px;
    border-radius: 50%;
}

.go-to-top__button:hover {
    opacity: 0.7;
}

/* <editor-fold desc="Home"> */
.oec_header-img {
    max-height: 65px;
}

/* <editor-fold desc="NAVBAR"> */
@media (max-width: 1310px) {
    #navbar-right-block {
        display: none;
    }
}

@media (max-width: 1500px) {
    #navbar-left-block .nav-link > div {
        font-size: 13px;
    }
}

@media (max-width: 1050px) {
    #navbar-brand-img {
        max-height: 35px;
    }
}
/* </editor-fold desc="NAVBAR"> */
/* </editor-fold desc="Home"> */
/* </editor-fold desc="Vue spe"> */
/* <editor-fold desc="CONTAINER SHARE ICONS"> */
.fa-facebook-square {
    color:#3b5998;
}

.fa-linkedin {
    color:#0e76a8;
}

.fa-twitter-square {
    color:#00acee;;
}
/* </editor-fold desc="CONTAINER SHARE ICONS"> */

/* <editor-fold desc="CONTAINER SHARE ICONS">*/
#container-details .fa-facebook-square {
    color:#3b5998;
}

#container-details .fa-linkedin {
    color:#0e76a8;
}

#container-details .fa-twitter-square {
    color:#00acee;;
}

/* </editor-fold desc="CONTAINER SHARE ICONS">*/

.mentions-legales h2 {
    margin-top:15px;
    margin-bottom:10px;
}

.progress {
    background-color:#717171;
}

.oec-live-panel-room-online {
    color:  #25ff2c;
}

.oec-live-panel-room-offline {
    color: #ff143b;
}

.oec-live-panel-label {
    color: #FFFFFF;
}

/* <editor-fold desc="VARIABLE" */
.oec-background__snippet {
    --color: #01354A;
}

.ers_banner__cobalt {
    --color: #0F589A;
}

/* </editor-fold desc="VARIABLE" */


.snippet-block img.snippet-banner_img {
    display: block;
    width: 499px;
    height: 100%;
    object-fit: cover;
}

.snippet-block .snippet-banner_description {
    min-height: 224px;
    height: 100%;
    padding: 30px 30px 34px 30px;
    flex-grow: 1;
}

.btn-ternary {
    background: transparent linear-gradient(209deg, #F82245 0%, #DD144B 100%) 0% 0% no-repeat padding-box;
    border-radius: 2px;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    text-transform: uppercase;
    opacity: 1;
}

.oec-snippet-promotional__text {
    text-align: left;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0px;
    --color: #01354A!important;
    opacity: 1;
}

.oec-snippet-registration__text {
    text-align: left;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0px;
    color:#FFFFFF;
    opacity: 1;
}

.container-detail__register-now-banner {
    background:  #326477 0% 0% no-repeat padding-box;
}

/* <editor-fold desc="WYSIWYG V2"> */
:root {
    --c-placeholder-dark: rgba(0, 11, 29, 0.4);
    --c-text-dark: #000B1D;
    --c-text-default: #262F3F;
    --c-text-moderated: rgba(38, 47, 63, 0.7);
    --c-text-muted: rgba(38, 47, 63, 0.5);
    --c-text-success: #00B4A8;
    --c-text-error: #BF3D66;
    --c-text-light: #ffffff;
    --c-text-light-moderated: rgba(255, 255, 255, 0.8);
    --c-text-light-muted: rgba(255, 255, 255, 0.5);
    --c-heading-default: #ffffff;
    --c-heading-moderated: rgba(0, 11, 29, 0.7);
    --c-heading-muted: rgba(0, 11, 29, 0.5);
    --c-heading-light: #ffffff;
    --c-heading-light-moderated: rgba(255, 255, 255, 0.8);
    --c-link-default-base: #0044C3;
    --c-link-default-hover: #BF3D66;
    --c-link-dark-base: #000B1D;
    --c-link-dark-hover: rgba(0, 11, 29, 0.6);
    --c-link-moderated-base: rgba(0, 11, 29, 0.7);
    --c-link-moderated-hover: #000B1D;
    --c-link-light-base: #ffffff;
    --c-link-light-hover: rgba(255, 255, 255, 0.6);
    --c-link-light-moderated-base: rgba(255, 255, 255, 0.7);
    --c-link-light-moderated-hover: #ffffff;
    --c-pre-background: #F5F5F6;
    --c-pre-text: #262F3F;
    --c-pre-border: transparent;
    --c-table-cell-border: rgba(217, 219, 221, 0.5);
    --c-form-label-text: #262F3F;
    --c-inline-var-text: rgba(0, 11, 29, 0.85);
    --c-inline-kbd-border: rgba(0, 11, 29, 0.15);
    --c-inline-kbd-text: rgba(0, 11, 29, 0.85);
    --c-inline-code-background: #F5F5F6;
    --c-inline-code-text: rgba(0, 11, 29, 0.85);
    --c-button-default-base-background: #ffffff;
    --c-button-default-base-border: #D9DBDD;
    --c-button-default-base-text: #262F3F;
    --c-button-default-hover-background: #F5F5F6;
    --c-button-default-hover-border: #D9DBDD;
    --c-button-default-hover-text: #000B1D;
    --c-button-default-disabled-background: #ffffff;
    --c-button-default-disabled-border: #D9DBDD;
    --c-button-default-disabled-text: rgba(0, 11, 29, 0.85);
    --c-button-primary-base-background: #0058FB;
    --c-button-primary-base-border: transparent;
    --c-button-primary-base-text: #EDF3FF;
    --c-button-primary-hover-background: #0044C3;
    --c-button-primary-hover-border: transparent;
    --c-button-primary-hover-text: #EDF3FF;
    --c-button-primary-disabled-background: #000B1D;
    --c-button-primary-disabled-border: transparent;
    --c-button-primary-disabled-text: rgba(237, 243, 255, 0.75);
    --c-button-secondary-base-background: #000B1D;
    --c-button-secondary-base-border: transparent;
    --c-button-secondary-base-text: #F5F5F6;
    --c-button-secondary-hover-background: #262F3F;
    --c-button-secondary-hover-border: transparent;
    --c-button-secondary-hover-text: #F5F5F6;
    --c-button-secondary-disabled-background: #000B1D;
    --c-button-secondary-disabled-border: transparent;
    --c-button-secondary-disabled-text: rgba(245, 245, 246, 0.75);
    --c-input-default-base-text: #262F3F;
    --c-input-default-base-border: #D9DBDD;
    --c-input-default-base-background: #ffffff;
    --c-input-default-focus-border: rgba(0, 88, 251, 0.5);
    --c-input-default-focus-shadow: rgba(0, 88, 251, 0.3);
    --c-input-error-base-text: #BF3D66;
    --c-input-error-base-border: rgba(255, 79, 127, 0.5);
    --c-input-error-base-shadow: rgba(255, 79, 127, 0.3);
    --c-input-error-focus-border: #FF4F7F;
    --c-hint-default: rgba(38, 47, 63, 0.55);
    --c-hint-success: #00B4A8;
    --c-hint-error: #BF3D66;
    --c-hint-required: #BF3D66;
    --c-line-default: rgba(217, 219, 221, 0.6);
    --c-shadow-neutral-100-1: rgba(0, 11, 29, 0.15);
    --c-shadow-neutral-100-2: rgba(0, 11, 29, 0.06);
    --c-shadow-neutral-200-1: rgba(0, 11, 29, 0.12);
    --c-shadow-neutral-200-2: rgba(0, 11, 29, 0.06);
    --c-shadow-neutral-300: rgba(0, 11, 29, 0.2);
    --c-background-light: #ffffff;
    --c-background-dark: #000B1D;
}

.wysiwyg-v2-edited {
    font-family: "Avenir", Roboto, Arial, serif;
    color: #ffffff;
    padding: 0;
}

.wysiwyg-v2-edited td, .wysiwyg-v2-edited th {
    color: #ffffff;
}

.wysiwyg-v2-edited .grid,
.entry .grid {
    grid-column-gap: 29px;
}

/*Cas special contenu "article" dans page webinar*/
.vdo_viewer_text .wysiwyg-v2-edited figure {
    margin:0 0 0;
}
/*
.entry > * {
    max-width: 1240px;
    margin: auto;
}
*/
.entry {
    margin: auto;
}

.entry {
    background: transparent linear-gradient(180deg, #01354A, #000B0F) fixed padding-box!important;
}


.entry h1 + *,
.entry h2 + *,
.entry h3 + *,
.entry h4 + *,
.entry h5 + *,
.entry h6 + * {
    margin-top:12px;
    color: #FFFFFF!important;
}

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

.entry p {
    color: #FFFFFF !important;
}

.wysiwyg-v2-edited h1,
.wysiwyg-v2-edited h1 > a {
    font-size: 40px;
    line-height: 52px!important;
    letter-spacing: normal;
}

.wysiwyg-v2-edited h2 ,
.wysiwyg-v2-edited h2 > a,
.entry h2 ,
.entry h2 > a {
    font-size: 33px;
    line-height: 44px!important;
    letter-spacing: normal;
}

.wysiwyg-v2-edited h3 ,
.wysiwyg-v2-edited h3 > a,
.entry h3 ,
.entry h3 > a {
    font-size: 28px;
    line-height: 40px!important;
    letter-spacing: normal;
}

.wysiwyg-v2-edited h4 ,
.wysiwyg-v2-edited h4 > a,
.entry h4 ,
.entry h4 > a {
    font-size: 23px;
    line-height: 32px!important;
    font-weight: bold;
    letter-spacing: normal;
}

.wysiwyg-v2-edited p,
.wysiwyg-v2-edited li,
.wysiwyg-v2-edited p > a,
.entry p,
.entry li,
.entry p > a {
    font-family: "Montserrat", Roboto, Arial, serif;
    font-size: 16px;
    line-height: 24px!important;
    letter-spacing: normal;
    padding-bottom: 0;
}

.wysiwyg-v2-edited ul,
.entry ul{
    margin-left:20px;
}

.entry div + * {
    margin-top: 0;
}

.wysiwyg-v2-edited address + *, .wysiwyg-v2-edited blockquote + *, .wysiwyg-v2-edited dl + *, .wysiwyg-v2-edited figure + *, .wysiwyg-v2-edited ol + *, .wysiwyg-v2-edited p + *, .wysiwyg-v2-edited pre + *, .wysiwyg-v2-edited table + *, .wysiwyg-v2-edited ul + * {
    margin-top: 0;
}

.snippet-block :not(.btn) {
    margin: 0;
}
/* </editor-fold desc="WYSIWYG V2"> */

#banner_side_container {
    position:relative;
    width:100%;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#banner_side {
    width:100%;
    max-width:300px;
    height: 300px;
    max-height: 300px;
}

.carouselLinkButtonBadgeOnlineList {
    background-color: var(--live-links-color);
    color: var(--default-button-text-color);
    font-size: 14px;
    font-weight: lighter;
    position: absolute;
    top: 5px;
    left: 28px;
    margin: .3rem;
}

.carouselLinkButtonBadgeOnlineCarousel {
    background-color: var(--live-links-color);
    color: var(--default-button-text-color);
    font-size: 14px;
    font-weight: lighter;
    position: absolute;
    top: 5px;
    left: 5px;
    margin: .3rem;
}

.profileUserButton {
    color: var(--oec-2024-header-secondary-text-color);
    background-color: transparent;
    width: 150px;
}
.profileUserButton span {
    color: var(--oec-2024-header-secondary-text-color) !important;
    background-color: transparent;
}

/*<editor-fold desc="LIVE PROGRAMME">*/
#label-select-timezone-prog-list {
    color: var(--oec-2024-header-default-text-color);
}

#programmeMyAgendaBtn {
    background-color: #C01B61;
    border-color: #C01B61;
    color: #ffffff !important;
    background: transparent linear-gradient(338deg, #A21770 0%, #F82245 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 7px;
    border: 0px;
    opacity: 1;
}

#program_calendar-content {
    background-color: #e1e1e1;
}

#programContent.programme-session-card,
#programContent .programme-session-card .live-program-card-row-grid,
.frontoffice #programContent .program-session-card-title h4,
.frontoffice #programContent .modal-content h4,
.frontoffice #programContent .programme-session-card-type,
.frontoffice #programContent .header-programme-session-card,
.frontoffice #programContent .header-programme-session-card-cotype,
.frontoffice #programContent .header-programme-session-card-hour,
.frontoffice #programContent .program-session-card-cat-name > span {
    color: black!important;
}

#programme-date-picker button {
    border-radius: 0;
}

#programme-date-picker button:first-child {
    border-radius: 7px 0 0 7px;
}

#programme-date-picker button:last-child {
    border-radius: 0 7px 7px 0 ;
}

.session-grid-scroll.session-grid-scrollbar-hidden, .sub-event:has(.oec-2024-header) .session-grid-scroll {
    scrollbar-width: none;
}

.sub-event:has(.oec-2024-header) .cardDisplayPrgSidePanel h1,
.sub-event:has(.oec-2024-header) .cardDisplayPrgSidePanel h2,
.sub-event:has(.oec-2024-header) .cardDisplayPrgSidePanel h3,
.sub-event:has(.oec-2024-header) .cardDisplayPrgSidePanel h4,
.sub-event:has(.oec-2024-header) .cardDisplayPrgSidePanel h5,
.sub-event:has(.oec-2024-header) .cardDisplayPrgSidePanel h6,
.sub-event:has(.oec-2024-header) .program_advanced-search_section h4 {
    color:black!important;
}

.sub-event:has(.oec-2024-header) .cardDisplayPrgSidePanel .card-header h4 {
    color:#ffffff!important;
}

.sub-event:has(.oec-2024-header) .cardDisplayPrgSidePanel .colorDarkTurquoise {
    color:var(--live-links-color)!important;
}

.cardDisplayPrgSidePanel #change-date-sidepanel,
.cardDisplayPrgSidePanel .sessionHourSidePanel {
    color:black!important;
}

#liveSessionInfo #img-cotype-label {
    padding-left:0;
}
/*</editor-fold>*/

#timeline {
    color:#ce0658;
}

#timeline .mainContent {
    border-top:dashed 3px #ce0658;
}

.programme-room-live-indicator.text-danger,
.programme-room-live-indicator .fa-signal-stream {
    color:#e1e1e1!important;
}

.congressRoomLiveOn {
    background-color:red;
    color:white;
}

.media-thumbnail-category-detail-name {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-thumbnail-category-detail-holder {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
}

.rx-editor [data-rx-type=column] {
    outline: 1px dashed var(--oec-2024-sidebar-panel-default-bg-color);
}

.rx-content td,
.rx-content th {
    text-align: left;
    vertical-align: top;
    padding: 0.75em;
    border: 1px solid var(--oec-2024-sidebar-panel-default-bg-color);
}

.rx-content pre {
    color: var(--oec-2024-sidebar-panel-default-bg-color);
}

.rx-content blockquote p,
.rx-content figure:has(blockquote) p {
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: var(--oec-2024-sidebar-panel-default-bg-color, var(--oec-2024-sidebar-panel-default-bg-color))!important;
}

.rx-content h1,
.rx-content h2,
.rx-content h3,
.rx-content h4,
.rx-content h5,
.rx-content h6 {
    color: var(--oec-2024-header-default-text-color)!important;
}

.rx-content p {
    color: var(--oec-2024-sidebar-panel-default-bg-color)!important;
}

#calendar-wrapper {
    background-color: #E1E1E1;
}

.fc-timegrid-slot-label-cushion {
    color: #000;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    padding: 5px 50px 0 10px !important;
}

.fc-timegrid-slot.fc-timegrid-slot-label.fc-scrollgrid-shrink {
    border-top: 1px solid #dee2e6 !important;
}

.fc-col-header,
.fc-timegrid-axis {
    background-color:white;
}