/*-----------[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 { /* add on 2025 css vars */ --default-text-color: #000000; --secondary-text-color: #ffffff; --tertiary-text-color: #CC0022; --default-bg-color: #ffffff; --secondary-bg-color: #b0001d; --tertiary-bg-color: #CC0022; --quaternary-bg-color: #000000; --default-text-font-size-header: 18px; --default-border-color: #000000; --secondary-border-color: #b0001d; --tertiary-border-color: #ffffff; --default-title-color: #000000; --secondary-title-color: #b0001d; --tertiary-title-color: #ffffff; --default-link-color: #020265; --vdoplayer-bg-color: #000000; --vdoplayer-text-color: #ffffff; --default-list-bg-color: #f8f8f8; --default-list-border-color: #f1f1f1; --default-list-text-color: #000000; --default-input-bg-color: #ffffff; --default-input-border-color: #CC0022; --default-input-border-color-focus: #000000; --default-input-text-color: #000000; --default-text-size: 13px; --secondary-text-size: 11px; --live-links-color: #CE003A; --default-button-bg-color: #CC0022; --default-button-text-color: #ffffff; --info-button-bg-color: #020265; --info-button-text-color: #ffffff; --danger-button-bg-color: #CE003A; --danger-button-text-color: #ffffff; --success-button-bg-color: #0b8c08; --success-button-text-color: #ffffff; --secondary-button-bg-color: #ffffff; --secondary-button-text-color: #000000; --timeline-live-question-color: #ffffff; --timeline-live-comment-color: #ffffff; --timeline-live-info-color: #ffffff; --timeline-live-vote-color: #ffffff; --timeline-live-file-link-color: #ffffff; --timeline-live-website-link-color: #ffffff; --timeline-live-question-bg-color: #489DCB; --timeline-live-comment-bg-color: #489DCB; --timeline-live-info-bg-color: #E0001B; --timeline-live-vote-bg-color: #1AA1E2; --timeline-live-file-link-bg-color: #2C7D5C; --timeline-live-website-link-bg-color: #2C7D5C; --timeline-live-photo-bg-color: #5C6E91; --default-scrollbar-bg-color: #CC0022; --primary-h1-font-size: 48px; --primary-h1-font-weight:700; --primary-h3-font-size: 24px; --secondary-h3-font-size: 16px; --primary-h4-font-size: 18px; --secondary-h4-font-size:16px; --default-text-font-weight: 400; --strong-text-font-weight: 700; --default-font-family: 'IASRibbon', 'Montserrat', 'Roboto', 'Arial', sans-serif; } /* end add on 2025 css vars */ .btn-info:hover, .btn-primary:hover { background-color: var(--default-button-bg-color)!important; color: var(--default-button-text-color)!important; border-color: var(--default-button-bg-color)!important; } /* */ .btn-custom { display: inline-block; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; } /* */ /* Put navbar font familly in priority */ #header #navbar-left-block div { text-transform: uppercase; font-family: 'IAS Ribbon Sans', 'Montserrat', sans-serif; font-weight: bold; font-size: 1.2rem; text-transform: uppercase; } .btn { border-radius:0px; } .btn-success { background-color:#489DCB; border-color: #489DCB; } .btn-primary { background-color:#489DCB; border-color: #489DCB; color: white; } .btn-primary:hover { background-color: #e1e1e1; color: black; border-color: black; } a.btn-primary:hover { text-decoration: none; color: var(--default-button-text-color); } .wysiwyg-v2-edited h1, .wysiwyg-v2-edited h2, .wysiwyg-v2-edited h3, .wysiwyg-v2-edited h4, .wysiwyg-v2-edited h5, .wysiwyg-v2-edited h6 { color: var(--default-title-color)!important; } a.btn-primary:visited { color: white; } .btn-secondary { background-color: #028989; border-color: #028989; color: white; } .btn-secondary:hover { background-color: #07e3e3; border-color: #07e3e3; } a.btn-secondary:visited { color: white; } a.badge-primary:visited { color: white; } .bg-warning { background-color: #e30513b; } 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; } .channel-home h1 { font-size: var(--primary-h1-font-size); font-weight: var(--primary-h1-font-weight); color: var(--default-title-color); } /* 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: 'IASRibbon', 'Montserrat', 'Roboto', 'Arial', sans-serif; font-size: 13px; color: var(--default-text-color); background-color: var(--default-bg-color); } #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 .btn { margin-left: 5px; } a { text-decoration: none; color: var(--default-text-color); } a:hover { text-decoration: underline; color: var(--default-text-color); } 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: 'IASRibbon', 'Montserrat', 'Open Sans', 'Roboto', 'Arial', sans-serif; padding-bottom: 5px; color: var(--secondary-title-color); line-height: 1em; font-weight: bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #489DCB; } h2 { font-size: 25px; /*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: 'IASRibbon', 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: Montserrat, '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: Montserrat, 'Roboto', 'Arial', sans-serif; font-weight: 300; color: #fff; border: 1px solid #fff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { /*Couleur secondaire*/ background: #ea454f; } .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; } */ /*------------------------------------------------*/ /*-----------------[HEADER]-----------------------*/ /*------------------------------------------------*/ 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; } /*------------------------------------------------*/ /*-----------------[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: var(--secondary-text-color); font-size: 18px; width: 100%; margin-bottom: 10px; font-weight: 400; padding-bottom: 10px; /*border-bottom: 1px solid #002454;*/ } .sidebar-titre_small { color: var(--secondary-text-color); 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: Montserrat, 'Trebuchet MS'; font-weight: bold; font-size: 18px; float: left; color: black; } .chapeau { margin: 7px 20px 0 25px; font-family: Montserrat, '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: Montserrat, 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: var(--secondary-bg-color); text-align: center; width: 100%; font-family: var(--default-font-family); font-size: 12px; text-transform: none; padding: 20px; color: var(--secondary-text-color); } .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: Montserrat, 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 { 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; 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; } .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: Montserrat, '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 #zone-principale { padding: 0; } #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: 78px; } .sideBarPanel .speaker-list-holder { margin-left: 7.5%; margin-right: 7.5%; } .sideBarPanel { margin-left: 91px !important; height:100%; border-right: var(--secondary-border-color) solid 1px; background-color: var(--default-bg-color); } .sideBarPanel .badge { white-space: inherit !important; } @media only screen and (max-width: 992px) { #header { margin-bottom: 0 !important; } #header div[data-fa-replace], #header .aids-nb__icon_img.dropdown-profile__img, #header .aids-nb__icon_img.aids-nb__icon_help { display: none; } #footer-left { margin-left: 0!important; } } .headerSpacer { padding-bottom: 80px; } #banner-holder { width: fit-content; height: auto; line-height: 0 !important; } .montSerratFF { font-family: 'Montserrat', 'Open Sans', 'Roboto', 'Arial', sans-serif; } /* */ #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 h6 { padding: 4px 0; color: white; max-height: 32px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden; } #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; } .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 .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-calendar #header-programme { padding-left: 57px; padding-right: 95px; } @media only screen and (max-width: 768px) { #programme-calendar #header-programme, #programme-calendar #header-programme #programme-advanced-search-content, #programme-calendar #header-programme #programme-advanced-search-header { padding-left: 0; padding-right: 0; } } /* */ /* * 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: var(--secondary-button-bg-color); border: solid 1px var(--secondary-border-color); color: var(--tertiary-text-color); } #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', 'Open Sans', 'Roboto', '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: var(--default-button-bg-color); } #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; } /* * CONTAINER DETAILS V2 END */ /* * aids 2022 CSS START */ /* START IMPORT aids font START */ /* END IMPORT aids font END */ /* START NAVBAR */ #header { height: 80px; box-shadow: none; padding: 0; margin-bottom: 0; } #header .top-info, #header .top-info > .col-12, #header .top-info > .col-12 #navbar-section, #header .top-info > .col-12 #navbar-section #navbarSupportedContent, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-center-block, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-center-block > a, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-right-block, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-right-block > div, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-right-block > div > div { height: 100%; } #header .top-info > .col-12 { padding: 0; } #header .navbar-brand { font-size: 1.7rem; color: #2CA39F; margin-left: 1.9rem; } #header .dropdown-item:active { background-color: #2CA39F; } #header .nav-item { margin: 0 0px 0px 40px; } #header .dropdown-item { margin-bottom:10px; margin-top:10px; } #header .dropdown-item .navbarFontWeight { font-size:1rem!important; } #navbar-left-block .headerMenuDropdown { left: 15px; } #header #navbar-left-block i.fa-chevron-down:before { content: "\f0d7"; } #header #navbar-center-block > a { padding: 0 0.8rem 1px; display: inline-flex; align-items: center; } #header #navbar-center-block > a:last-child { margin-right: 0 !important; } #header #navbar-center-block > a:first-child { position: relative; } #header #navbar-right-block > div > div { padding: 0 1.2rem; display: inline-flex; align-items: center; } #header #navbar-right-block > div i#header-menu-icon { font-size: 1.8em; } #header #navbar-right-block > div i.fa-user { font-weight: 300 !important; } #header #navbar-right-block > div #header-menu-dropdown-menu { left: -118px; } #header #navbar-right-block > div > div > a, #header #navbar-right-block > div > div > button { padding: 1px !important; border: 0 !important; margin: 0 !important; } /* END NAVBAR */ /* START SIDEBAR */ #left-panel-float { width: 91px; } #left-panel-float .leftPanelHover { height: 91px; } #left-panel-float .leftPanelHover a > div { justify-content: center; height: 100%; } #left-panel-float .leftPanelHover i { font-size: 2rem; } #left-panel-float .leftPanelHover .text-wrap { font-weight: bold; text-transform: uppercase; } /* RELATED to sidebar width*/ body #body-container, body #banner-holder { margin-left: 91px !important; } /* Main footer 60 bottom for barchat and 91px left for sidebar */ body #main-footer { padding: 0 0 60px 91px; } /* END SIDEBAR */ /* START BANNER */ body #banner-holder { padding-left: 91px !important; margin-left: 0 !important; width: 100%; } /* END BANNER */ /* START BAR CHAT */ body #arrowchat_base { height: 60px !important; background-color: #e30513 !important; background: #e30513 !important; } #arrowchat_base > div { font-weight: var(--default-text-font-weight); } #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: #ea454f !important; } #arrowchat_base .arrowchat_bar_button { padding: 0 !important; height: 60px !important; } #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; } #arrowchat_tooltip { /*left: 1830px!important;*/ } /* END BAR CHAT */ /* START SECTION LIVE */ #live-session-section .liveProgressBarText { display: none !important; } #live-session-section .liveProgressBar { margin-top: 5px !important; } #live-session-section .liveTypeText { width: 100%; color: white; } #live-session-section .liveTitle { font-weight: normal; } #live-session-section .live-item-room-overlay { display: flex !important; } #live-session-section .live-item-room-overlay .live-item-room-overlay-text span { color: #e30513; } #live-session-section .liveAccessType { display: none; } /* END SECTION LIVE */ /* START SECTION TWITTER AND WELCOME */ .spe-section .section-title h2 { margin-bottom: 7px; margin-left: 5%; margin-right: 5%; margin-top: 25px; color: #04306B; } #section-welcomeToAids2022-spe { background-color: white; margin-bottom: 15px; } #welcomeToAids2022-holder { display: flex; justify-content: space-between; font-family: 'IASRibbon'; } #welcomeToAids2022-holder > div:first-child { font-size: 1.2rem; color: #04306B; line-height: 1.4rem; } .welcome-to-aids2022__info { padding-left: 8%; padding-right: 8%; overflow: auto; } .welcome-to-aids2022__title { font-size: 50px; font-weight: bold; padding: 40px 0; color: #489DCB; line-height: 55px; } .welcome-to-aids2022__text { padding: 0 25px; color: black; font-size: 18px; } .welcome-to-aids2022__info, .welcomeToAids2022__image { max-width: 100%; } @media only screen and (min-width: 768px) { .welcome-to-aids2022__info, .welcomeToAids2022__image { height: 409px; } } #curator-feed-default-feed-layout > a { display: none; } /* END SECTION TWITTER AND WELCOME */ /* START PROGRAMME */ #programme-calendar { font-family: 'IAS Ribbon Sans','Montserrat', 'Arial', sans-serif; } #programme-calendar .roomsName, #programme-calendar #programme-date-picker button, #programme-calendar #label-select-timezone-prog-list, #my-agenda #label-select-timezone-agenda { /*font-weight: bold;*/ } #programme-calendar #programmeAdvSearchBtn, #programme-calendar .roomsName, #programme-calendar #programme-date-picker button { background-color: #e30513; border: solid 1px #e30513; } #programme-calendar .roomsName > span, #programme-calendar #label-select-timezone-prog-list { color: #e30513; } #programme-calendar #programmeMyAgendaBtn { display: none; } #programme-calendar #programme-date-picker button, #programme-calendar .roomsName { border-radius: 0; color: #FFFFFF; } #programme-calendar #programme-date-picker button { font-size: 12px; } #programme-calendar #programme-date-picker .selected, #programme-calendar .roomsName { background-color:var(--default-bg-color); color: var(--default-text-color); border: var(--default-border-color); } #programme-calendar .roomsName { font-size: 20px; margin-right: 1px; margin-left: 1px; padding: 5px 0; } #programme-calendar .scrollProgramLeft { margin-right: -11px; } #programme-calendar .scrollProgramLeft, #programme-calendar .scrollProgramRight { float: none; z-index: 1; padding: 3px 8px; } #programme-calendar .scrollProgramRight { margin-left: -46.5px; width: 48px; } #programme-calendar #arrow-right i, #programme-calendar #arrow-left i { font-size: 26px; cursor: pointer; } #programme-calendar .live-program-hour-bar-body .hourContent { min-width: 48px; background-color: var(--default-bg-color); border-bottom: solid 1px var(--tertiary-border-color); font-size: 10px; font-weight: bold; color: var(--secondary-text-color); } #programme-calendar .program-grid-calandar { background-color: var(--default-bg-color); color: var(--default-text-color); border-left: solid 1px #707070 !important; border-right: solid 1px #707070 !important; border-top: 0 !important; border-bottom: 0 !important; } #programme-calendar .session-grid-scroll-div > div:nth-child(2) { margin-top: 10px; border-top: solid 1px #707070 !important; } #programme-calendar .session-grid-scroll-div > div:last-child { border-bottom: solid 1px #707070 !important; } #programme-calendar .programme-session-card { border: solid 1px #707070 !important; min-width: 236px!important; width: 100%!important; position: relative; margin-left: 0!important; } #programme-calendar .header-programme-session-card, #programme-calendar .header-programme-session-card-cotype { font-weight: bold; } #programme-calendar .programSessionButtons a { font-weight: 800; } #arrow-right .active, #arrow-left .active { color: white; } .program-session-card-title span { font-size: 12px; color: #494949; } #arrow-left .hide, #arrow-right .hide { display: none; } #programme-calendar #row-hour { font-size: 10px; margin-top: 10px; } #type-list { padding-left: 118px; padding-right: 118px; } #programme-calendar .colorSquare { height: 20px; width: 20px; background-color: black; flex-shrink: 0; } #programme-calendar .type-list { font-size: 11px; } #programmeAdvSearchContainer button > i, #programmeAdvSearchContainer button > span { color: #494949; font-size: 13px } .disable-arrow { display: block !important; } .live-program-hour-bar-body > div:first-child { border-top: 1px transparent solid; } .live-program-hour-bar-body > div:first-child .hourContent { border-top: 0 !important; } .live-program-hour-bar-body > div:last-child { border-bottom: 1px transparent solid; } .live-program-hour-bar-body > div:last-child .hourContent { border-bottom: 0px !important; } .header-programme-session-card-theme { display: none !important; } .header-programme-session-card-cat { display: none !important; } #programmeAdvTypeBtn { background-color: #e30513; border: solid 1px #e30513; } #timeline { width: 100%; position: absolute; top: 0; color: #e30513; display: none; height: 20px; } #timeline .mainContent { border-top: dashed 3px #e30513; } .iconHour1, .iconHour2 { font-size: 1.5em; } #modalSessionsInfos { padding-right: 0 !important; } /* END PROGRAMME */ /* START CHANNEL PAGES */ #body-container.on-demand #fil-ariane-holder { padding-left: 5%; padding-right: 5%; margin-right: 0; margin-left: 0; } #body-container.on-demand #fil-ariane-holder > div { padding-left: 0; padding-right: 0; } #body-container.on-demand .container-fluid.container-zone-principale, #body-container.on-demand .container-fluid.container-zone-principale #zone-principale { padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; width: 100%; max-width: none; } #zone-contenu { margin-right: 0; margin-left: 0; } #body-container.on-demand #zone-principale #zone-contenu-sidebar, #body-container.on-demand #zone-principale #zone-contenu-principale { padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; background-color: transparent !important; } #body-container.on-demand #category-grid-header { padding-left: 5%; padding-right: 5%; } #body-container.on-demand #category-grid-content { background-color: #EBEBEB; padding: 2% 5%; } #body-container.on-demand #category-grid-content-thumbnails { text-align: center; } #body-container.on-demand #category-grid-content-thumbnails > div { padding: 20px 14px; } #body-container.on-demand #zone-principale #zone-contenu-principale { padding: 0 5%; } #body-container.on-demand #zone-principale #zone-contenu-principale #media-list > div { padding: 8px 16px; margin-right: 0; margin-left: 0; } #body-container.on-demand #zone-principale #zone-contenu-principale .video-liste-item > div { background-color: white; box-shadow: 0px 3px 6px #00000029; } .badgeChannel { background-color: var(--tertiary-bg-color) !important; } #body-container.on-demand #category-grid-content-info h1, #body-container.on-demand #container-list-title { font: normal normal bold 20px/24px Montserrat; color: #494949; } #body-container.on-demand a:active, #body-container.on-demand a:active code { color: #494949; background: #e30513; } /* END CHANNEL PAGES */ /* START CONTAINER */ #zone-contenu-sidebar { padding: 15px; } /* END CONTAINER */ /* START FOOTER */ #main-footer { background-color: var(--secondary-bg-color); display: flex; flex-direction: row; justify-content: end; } #main-footer a { font-size: 0.8rem; text-align: left; color: #FFFFFF; font-weight: bold; font-family: var(--default-font-family); } #main-footer #footer-navigation-row, #main-footer #footer-utils-row { display: flex; flex-direction: row; } #main-footer #footer-navigation-row .footer-column { margin: 10px 25px; display: flex; flex-direction: column; } #main-footer #footer-navigation-row .footer-inner-row-bottom { margin-top: 15px; } #main-footer .footer-column .footer-inner-row { display: flex; flex-direction: column; flex-wrap: wrap; } #main-footer .footer-inner-row-bottom a { color: #ffffff; } .containerfoot { margin-bottom: 60px; } #footer-right-block_search { display: flex; flex-wrap: wrap; justify-content: end; } #footer-icons-block { display: flex; flex-wrap: wrap; justify-content: end; } #footer-icons-block > a { padding: 5px; } a#footer-search-button { background-color: white; border: 1px solid #008C8C; border-radius: 0; margin: 20px; } a#footer-search-button i { color: #008C8C; font-size: 1rem; } /* END FOOTER */ /* START CSS BASED ON DATABASE PRODUCTION CONTENT */ [id^="section-"]:has(.ias-home-page-left-top-section), [id^="section-"]:has(.ias-home-page-right-top-section) { vertical-align: top; min-height: 540px; display: inline-flex; align-items: center; background-color: #23A39F; padding: 0; margin: 0; } [id^="section-"]:has(.ias-home-page-left-top-section) { width: 70%; } [id^="section-"]:has(.ias-home-page-left-top-section) .color-button-block__outer { padding: 5px 20px; } [id^="section-"]:has(.ias-home-page-left-top-section) .color-button-section { margin-top: 0; width: 100%; padding-top:0px; } [id^="section-"]:has(.ias-home-page-left-top-section) #body-color-btn-blocks-holder { margin-right: 0; } [id^="section-"]:has(.ias-home-page-left-top-section) .color-button-block { padding: 5px; box-shadow: 0 3px 6px #00000029; } [id^="section-"]:has(.ias-home-page-left-top-section) h3 { text-align: center; font-size: 1.6rem; } [id^="section-"]:has(.ias-home-page-right-top-section) { width: 30%; align-items: center; display: inline-flex; justify-content: center; } #home-page-section.home-page-ias { background: url('../images/ias-hp-banner-2025.png') no-repeat; } .ias-hp-welcome-top-block-right p { color: var(--secondary-text-color)!important; } .ias-hp-welcome-top-block-left { background: url('../images/ias-welcome-hp-image-2025.jpg') no-repeat; background-size: cover; min-height: 357px; } .ias-hp-welcome-top-block-right { background-color: var(--tertiary-bg-color); } .ias-hp-welcome-top-block-right h2 { color: var(--tertiary-title-color)!important; font-size: var(--primary-h1-font-size); font-weight: var(--primary-h1-font-weight); font-family: var(--default-font-family)!important; } [id^="section-"]:has(.ias-home-page-left-top-section), [id^="section-"]:has(.ias-home-page-right-top-section), [id^="section-"]:has(.ias-home-page-left-top-section) .color-button-section { background-color:transparent!important; } #home-page-section .wysiwyg-section { padding:0px; } #home-page-section .wysiwyg-v2-edited { padding:0px; } #home-page-section .wysiwyg-holder { margin:0px 5%; } [id^="section-"]:has(.ias-home-page-right-top-section) #carousel-link-section { background-color: #f3f5f6!important; padding:10px; } [id^="section-"]:has(.ias-home-page-right-top-section) .slick-slide { display: flex; justify-content: center; } [id^="section-"]:has(.ias-home-page-right-top-section) .carousel-link-blocks-item { min-height: 330px; min-width: 100%; } [id^="section-"]:has(.ias-home-page-right-top-section) #link-carousel-holder { margin: 0; } [id^="section-"]:has(.ias-home-page-right-top-section) .slick-prev:before, .home-carousel .slick-prev:before { font-family: "Font Awesome 5 Pro"; content: "\f060"; font-size: 1.5rem; font-weight: 600; color: var(--tertiary-text-color)!important; line-height: 1; } [id^="section-"]:has(.ias-home-page-right-top-section) .slick-next:before, .home-carousel .slick-next:before { font-family: "Font Awesome 5 Pro"; font-size: 1.5rem; font-weight: 600; color: var(--tertiary-text-color)!important; line-height: 1; content: '\f061'; } [id^="section-"]:has(.ias-home-page-right-top-section) .slick-prev, [id^="section-"]:has(.ias-home-page-right-top-section) .slick-next { z-index: 1; } [id^="section-"]:has(.ias-home-page-right-top-section) .carousel-link-blocks-item.home-page-background-cover { background-position: center center !important; } /* END CSS BASED ON DATABASE PRODUCTION CONTENT */ /* START AGENDA */ #my-agenda { font-family: 'Montserrat', 'Open Sans', 'Roboto', 'Arial', sans-serif; } #my-agenda .roomsName, #my-agenda #programme-date-picker button, #my-agenda #label-select-timezone-agenda { font-weight: bold; } #my-agenda #programmeAdvSearchBtn, #my-agenda .roomsName, #my-agenda #programme-date-picker button { background-color: #e30513; border: solid 1px #e30513; } #my-agenda #programmeAdvSearchBtn { color: #888888; } #my-agenda .roomsName > span, #my-agenda #label-select-timezone-agenda { color: #e30513; } #my-agenda #programme-date-picker button, #my-agenda .roomsName { border-radius: 0; color: #FFFFFF; } #my-agenda #programme-date-picker button { font-size: 12px; } #my-agenda #programme-date-picker .selected, #my-agenda .roomsName { background-color: var(--tertiary-bg-color); border: solid 1px var(--secondary-text-color); } #my-agenda .roomsName { font-size: 20px; margin-right: 1px; margin-left: 1px; padding: 5px 0; } #my-agenda .scrollProgramLeft { margin-right: -11px; } #my-agenda .scrollProgramLeft, #my-agenda .scrollProgramRight { float: none; z-index: 1; color: #bd000c; background-color: #e30513; padding: 3px 8px; } #my-agenda .scrollProgramRight { margin-left: -41px; } #my-agenda #arrow-right i, #my-agenda #arrow-left i { font-size: 2em; cursor: pointer; } #my-agenda .live-program-hour-bar-body .hourContent { min-width: 48px; background-color: var(--tertiary-bg-color); border: solid 1px var(--secondary-border-color); font-size: 10px; font-weight: bold; color: var(--secondary-text-color); } #my-agenda .program-grid-calandar { background-color: #E4E4E4; border-left: solid 1px #707070 !important; border-right: solid 1px #707070 !important; border-top: 0 !important; border-bottom: 0 !important; } #my-agenda .session-grid-scroll-div > div:nth-child(2) { margin-top: 10px; border-top: solid 1px #707070 !important; } #my-agenda .session-grid-scroll-div > div:last-child { border-bottom: solid 1px #707070 !important; } #my-agenda .programme-session-card { border: solid 1px #707070; margin-left: -1px; } #my-agenda .header-programme-session-card, #my-agenda .header-programme-session-card-cotype { font-weight: bold; } #my-agenda .programSessionButtons a { font-weight: 800; } #arrow-right .active, #arrow-left .active { color: white; } .program-session-card-title span { font-size: 12px; color: #494949; } #arrow-left .hide, #arrow-right .hide { display: none; } #my-agenda #row-hour { font-size: 10px; margin-top: 10px; } #my-agenda #header-programme { padding-left: 57px; padding-right: 95px; } #type-list { padding-left: 118px; padding-right: 118px; } #my-agenda .colorSquare { height: 20px; width: 20px; background-color: black; flex-shrink: 0; } #my-agenda .type-list { font-size: 11px; } #programmeAdvSearchContainer button > i, #programmeAdvSearchContainer button > span { color: #494949; font-size: 13px } a#programmeExportPdfBtn { color: #494949; font-size: 13px; padding-top: 0.6rem; } .disable-arrow { display: block !important; } .live-program-hour-bar-body > div:first-child { border-top: 1px transparent solid; } .live-program-hour-bar-body > div:first-child .hourContent { border-top: 0 !important; } .live-program-hour-bar-body > div:last-child { border-bottom: 1px transparent solid; } .live-program-hour-bar-body > div:last-child .hourContent { border-bottom: 0px !important; } .header-programme-session-card-theme { display: none !important; } .header-programme-session-card-cat { display: none !important; } #programmeAdvTypeBtn { background-color: #e30513; border: solid 1px #e30513; } #header-agenda-title { padding-left: 57px; padding-right: 95px; } /* END AGENDA */ /* * PROGRAM PDF START */ #programPdf .room-details { margin-bottom: 20px; } #programPdf .room-name-row { background: #489DCB 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, 'Roboto'; font-weight: bold; font-size: 20px; line-height: 24px; } #programPdf .room-content { background: rgba(29, 118, 110, 0.1) 0% 0% no-repeat padding-box; border: 1px solid #489DCB; opacity: 1; } #programPdf .card-hour { text-align: left; font-family: Montserrat, 'Roboto'; font-weight: bold; font-size: 12px; line-height: 13px; letter-spacing: 0px; } #programPdf .card-type { text-align: right; font-family: Montserrat, 'Roboto'; font-weight: 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, 'Roboto'; font-weight: bold; font-size: 30px; line-height: 54px; letter-spacing: 0px; opacity: 1; } #programPdf .program-pdf-title-first-part { color: #489DCB; } #programPdf .program-pdf-title-second-part { color: #e30513; } #programPdf .program-pdf-legend .timezone { font: normal normal bold 30px/37px Montserrat; font-family: Montserrat, 'Roboto'; font-weight: bold; font-size: 14px; line-height: 21px; letter-spacing: 0px; color: #e30513; opacity: 1; } #programPdf .program-pdf-legend .timezone-value { font-family: Montserrat, 'Roboto'; font-weight: bold; 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, 'Roboto'; font-weight: normal; font-size: 13px; line-height: 17px; letter-spacing: 0px; } #programPdf .program-pdf-footer { text-align: center; font-family: Montserrat, 'Roboto'; font-weight: normal; font-size: 13px; line-height: 17px; letter-spacing: 0px; color: #002454; } #programPdf .session-name { font-family: Montserrat, 'Roboto'; font-weight: normal; font-size: 13px; line-height: 10px; letter-spacing: 0px; } /* * PROGRAM PDF END */ /* START EXHIBITOR LIST */ #select_profession, #select_country, #select_postCode, #select_town, #select_adr, #select_cedex, #switch_cedex, #switch_postCode, #switch_town { display: none; } /* END EXHIBITOR LIST */ /* START RESPONSIVE */ /* SIDEBAR HIDDEN BREAKPOINT */ @media only screen and (max-width: 575px) { body #banner-holder { padding-left: 0 !important; } body #body-container, body #banner-holder { margin-left: 0 !important; } #navbar-section #navbarSupportedContent { background-color: white; padding-left: 0 !important; } body #main-footer { padding-left: 0 !important; flex-direction: column; } } @media only screen and (max-width: 778px) { body #main-footer { padding-left: 91px; flex-direction: column; } #live-session-section .live-list-section-thumbnails-holder { justify-content: center; grid-template-columns: repeat(auto-fill, 300px) !important; row-gap: 35px !important; } #main-footer #footer-navigation-row, #main-footer #footer-utils-row { flex-direction: column; } #main-footer #footer-navigation-row .footer-inner-row-bottom { display: none; } #main-footer #footer-utils-row { margin-top: 20px; } #main-footer a { text-align: center; } #footer-right { margin: 20px 15%; } #footer-right-block_search, #footer-icons-block { justify-content: center; width: 100%; } .program-info-text, .program-type-legend { font-size: 11px; } } /*Calendar Programme Scrollbar Management*/ .session-grid-scroll::-webkit-scrollbar { background-color: rgba(255, 255, 255, .9); border-radius: 3px; } /*Masquage scrollbars en JS pour garder la hauteur*/ .session-grid-scroll.session-grid-scrollbar-hidden::-webkit-scrollbar-track { background-color: rgba(241, 167, 11, 0) !important; } .session-grid-scroll.session-grid-scrollbar-hidden { scrollbar-color: #FFFFFF #FFFFFF; } .session-grid-scroll.session-grid-scrollbar-hidden-firefox { scrollbar-width: none; padding-bottom: 24px; } .session-grid-scroll::-webkit-scrollbar { height: 15px; } .session-grid-scroll::-webkit-scrollbar-track { background-color: var(--default-bg-color); border-radius: 3px; } .session-grid-scroll::-webkit-scrollbar-thumb { background: var(--tertiary-bg-color) !important; border-radius: 3px; } .session-grid-scroll::-webkit-scrollbar-thumb:hover { background: var(--tertiary-bg-color) !important; } /* END RESPONSIVE */ /* */ .world-map_title { padding-left: 57px; padding-right: 95px; } .world-map_title h1 { font-size: 26px !important; } .color-square { height: 20px; width: 20px; background-color: black; } .world-map_legend { font-size: 14px; } .world-map { width: 100%; height: 40vh; } .world-map_legend_title { font-weight: 600; } /* */ /* */ .organize-by { color: black; font-style: italic; } /* */ @media only screen and (max-width: 1200px) { .welcome-to-aids2022__title { font-size: 40px; } } @media only screen and (max-width: 1107px) { [id^="section-"]:has(.ias-home-page-left-top-section) .color-button-section, [id^="section-"]:has(.ias-home-page-left-top-section) #body-color-btn-blocks-holder { padding-bottom: 0 !important; margin-bottom: 0 !important; } [id^="section-"]:has(.ias-home-page-left-top-section), [id^="section-"]:has(.ias-home-page-right-top-section) { width: 100%; min-height: 450px; justify-content: center; } [id^="section-"]:has(.ias-home-page-right-top-section) .carousel-link-blocks-item.home-page-background-cover { background-position: center center !important; } [id^="section-"]:has(.ias-home-page-left-top-section) #body-color-btn-blocks-holder { margin-right: 20px; } [id^="section-"]:has(.ias-home-page-left-top-section) div#body-color-btn-blocks-holder > div { display: flex; flex-direction: column; } [id^="section-"]:has(.ias-home-page-left-top-section) .color-button-block { padding: 20px; } /*#welcomeToAids2022-holder {*/ /* flex-direction: column-reverse;*/ /*}*/ /*#welcomeToAids2022-holder > div:first-child {*/ /* max-width: 100%;*/ /* text-align: justify;*/ /* margin-right: 0;*/ /*}*/ /*#welcomeToAids2022-holder > div:last-child {*/ /* margin-left: 0 !important;*/ /* margin-bottom: 20px;*/ /*}*/ body #banner-holder img { max-width: 100%; } } @media screen and (max-width: 992px) { .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 { background-color: white; padding-left: 91px; height: auto !important; } #navbar-left-block { background-color: white; } #navbar-section ul.dropdown-menu.headerMenuDropdown.show { margin: 0 5px; } #header #navbar-center-block > a:first-child:after { content: ''; } #header #navbar-right-block > div i#header-menu-icon:first-child:after { content: ''; } #main-footer { flex-direction: column; padding-bottom: 0 !important; } #footer-right-block_search, #footer-icons-block { justify-content: center; } } @media only screen and (min-width: 992px) { #main-footer { padding-bottom: 68px!important; } } @media only screen and (min-width: 778px) { #main-footer #footer-utils-row .footer-inner-row-bottom { display: none; } } .programme-card-cme span, .programme-card-cme i { color: white; background-color: #E0001B; padding: 5px; } .programme-modal-cme h3, .programme-modal-cme i { font-size:12px; background-color: #E0001B; color:white; font-weight:normal; padding:4px; } /*Rajouts 15/07/2022 */ .cardHeaderSidePanel > h4 { font-size:25px; text-align:left; width:100%; color: var(--default-title-color)!important; } .cardHeaderSidePanel.card-header { border-bottom:0px; padding-top:15px; } .cardHeaderSidePanel .fa-times { color:var(--secondary-title-color)!important; font-weight:normal; } /* Panel : live */ .livePanelLiveDetail .livePanelSessionSessionInfo, .livePanelLiveDetail .livePanelSessionTitle { color:var(--secondary-title-color)!important; } .livePanelLiveDetail .livePanelSessionSessionInfo { font-size:13px; } /*Panel : Programme*/ .panelDisplayPrg #currentDaySpan { color:var(--secondary-title-color); font-size:20px; font-weight:bold; } .panelDisplayPrg #label-select-timezone-prog-list { display:none; } .panelDisplayPrg #div-select-timezone-sidepanel-list { float:unset; margin-top:20px; padding-left:20px; padding-right:20px; margin-bottom:20px; } #div-select-timezone-sidepanel-list>div>div { left: 48px!important; } .panelDisplayPrg .card-body-top-header, .panelDisplayPrg #change-date-sidepanel, .panelDisplayPrg #div-select-rooms-to-disp { padding:0 20px; } .panelDisplayPrg .dropdown.bootstrap-select{ width:100%!important; } .panelDisplayPrg .sessionHourSidePanel { background-color:#489DCB; color:#ffffff; font-weight:bold; font-size:15px; padding-top:15px; padding-bottom:15px; padding-left:1.5rem; display:flex; width:100%; float:none; } .panelDisplayPrg .card-details { margin-top:10px; } .panelDisplayPrg .sidebar__session_organizer_name { font-size:0.8em; } .panelDisplayPrg .sidebar__session_organizer_logo { display:block; margin-left:auto; margin-right:auto; } .panelDisplayPrg .sidebar__session_name { margin-top:10px; } .panelDisplayPrg .sidebar__session_category { display:none; } .panelDisplayPrg .sidebar__session_date { color:#000000; font-size:.9em; font-weight:bold; } .panelDisplayPrg .img-cotype-label { display:none; } .panelDisplayPrg .divRecapSession { border-top: 0px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-bottom:10px; padding-left:1.5rem; padding-right: 1.5rem; } /*Panel : Speaker*/ .panelDisplaySpeaker { font-size:15px; } .panelDisplaySpeaker .searchSpeakerPanel, .panelDisplayPrg #searchInputPrgSat { border-radius:0px!important; height:40px!important; font-size:15px; } .panelDisplaySpeaker .speakerSearchSection, .panelDisplaySpeaker .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:85%!important; } .speakerSearchSection { margin-top: 35px; } .panelDisplaySpeaker .bootstrap-select>.dropdown-toggle, .panelDisplayPrg .bootstrap-select>.dropdown-toggle { padding-top:10px; height:40px; background-color: var(--default-bg-color); color:var(--default-text-color); font-size:15px; border-radius:0px; border:0px; } .panelDisplaySpeaker .panel-margin { margin-top:0px!important; } .panelDisplaySpeaker #div-select-rooms-to-disp.pt-3 { padding-top:0px!important; } .panelDisplaySpeaker .card-header { padding-bottom:0px!important; } .panelDisplaySpeaker .speakerPanelLinkFullPage { margin-top:-12px; font-size:13px; margin-right:12px; color: var(--secondary-title-color)!important; padding-left:1.5rem!important; justify-content: start; } .panelDisplaySpeaker .speakerPanelNbResults { color: var(--secondary-title-color); font-weight:bold; font-size:16px; padding-bottom:20px; padding-left:1.5rem; } .panelDisplaySpeaker .letterTitle { font-weight:bold; font-size:15px; padding-top:15px; padding-bottom:15px; margin-bottom:1rem!important; } .panelDisplaySpeaker .letterTitle .mb-3 { margin-bottom:0rem!important; font-size:20px; justify-content: start!important; display: flex; padding-left: 1.5rem; } .panelDisplaySpeaker .speakerBlackLine.mb-3 { border:0px !important; } .panelDisplaySpeaker .speakerLastname { font-weight:bold; } .panelDisplaySpeaker .dropdown-menu.show { max-width:150px; border-radius:0px; } .colorDarkTurquoise { color:#489DCB!important; } /*Speaker List*/ .speaker-holder { border-radius:0px!important; box-shadow:none!important; min-height:300px!important; } .speaker-holder .speaker-last-name, .speaker-holder .speaker-first-name { color:var(--default-title-color)!important; font-family: 'IAS Ribbon Sans', 'Montserrat', 'Arial'!important; font-size:32px!important; font-weight: bold; } .btn-info { background-color:var(--secondary-button-bg-color); color: var(--tertiary-text-color); border-color:var(--secondary-border-color); } #speaker_search { height:40px; font-size:15px; } .profile-picture-speaker { margin-bottom:20px; } /*Networking Cards*/ .networking-card { border-radius:0px!important; box-shadow:none!important; min-height:300px!important; } .networking-search-block { background:#FFFFFF!important; box-shadow:none!important; padding:0px!important; } #quick-search-button { height:40px; } #networking-advanced-search-button, #quick-search-button { background:var(--default-button-bg-color)!important; border-color:var(--secondary-text-color)!important; } #networking-advanced-reset-button { background:var(--default-bg-color)!important; border-color:var(--default-bg-color)!important; } .networking-input { border-radius:0px!important; border-color:#e1e1e1!important; height:40px; } .custom-switch .custom-control-input:checked~.custom-control-label::after { background:#ffffff!important; } .networking-search-field-name { padding:10px; width:100%; color:var(--default-title-color); } .networking-search-field-name strong { font-weight:normal; } /*Page Live*/ #ubiquity-conteneur h3{ } #ubiquity-timeline-element-conteneur { background-color: #ffffff!important; } .ubiquity-timeline-element { font-weight:normal!important; border-radius: 0px!important; box-shadow: none!important; } .ubiquity-timeline-element.type-commentaire { background: var(--timeline-live-comment-bg-color)!important; } .ubiquity-timeline-element.type-question { background: var(--timeline-live-question-bg-color)!important; } .ubiquity-timeline-element.type-info, .ubiquity-timeline-element.type-info .timelineElementText { background: var(--timeline-live-info-bg-color)!important; } .ubiquity-timeline-element.type-doc-link, .ubiquity-timeline-element.type-doc-link .timelineElementText { background: var(--timeline-live-website-link-bg-color)!important; } .ubiquity-timeline-element.type-doc-txt , .ubiquity-timeline-element.type-doc-txt .timelineElementText { background: var(--timeline-live-file-link-bg-color)!important; } .ubiquity-timeline-element .timelineElementText { font-weight:normal; font-family:'IAS Ribbon Sans', 'Arial'; font-size:13px; } .ubiquity-fullscreen-btn { border-radius:0px!important; background:var(--tertiary-bg-color)!important; border-color:var(--secondary-border-color)!important; } h4.askQuestion, h4.sendPhoto { font-size:16px; font-weight:bold; border:0px; } #select-question-type .nav-link { border: none!important; } h4.sendPhoto, h4.askQuestion { color:var(--default-text-color)!important; } .active h4.askQuestion, .active h4.sendPhoto { color:var(--secondary-text-color)!important; } .upload-btn-ubiquity-photo-send { margin-top: 15px; background: var(--tertiary-bg-color)!important; color: var(--default-button-text-color)!important; } #select-question-type .nav-item .active { background-color: var(--tertiary-bg-color)!important; color: var(--secondary-text-color)!important; } #select-question-type { border-bottom: 3px solid var(--secondary-border-color)!important; } .askQuestionSeparator { border:0px!important; } .send-button { background: var(--tertiary-button-bg-color); color: var(--secondary-text-color); } #askQuestion .live-question-input, #sendPhoto .live-question-input { height:40px; border-radius:0px!important; border-color:#e1e1e1!important; box-shadow: none!important; } .ubiquity-timeline-element div.ubiquity-vignette-miniature img { position: inherit!important; } #askQuestion .send-button, #sendPhoto .send-button { height:40px; background:var(--tertiary-bg-color)!important; border-color:var(--secondary-border-color)!important; border-radius:0px!important; } #liveSessionInfo { font-size:15px; } #liveSessionInfo .liveSessionType { white-space: nowrap; } #liveSessionInfo hr.noDisplay, #liveSessionInfo #img-cotype-label { display:none; } /*Programme*/ #programmeAdvSearchBtn { background:var(--default-bg-color)!important; border-color:var(--default-border-color)!important; color: var(--default-text-color)!important; } #programmeAdvSearchContainer button > i, #programmeAdvSearchContainer button > span { font-size:15px; } #programme-calendar #header-programme, #my-agenda #header-programme { padding-left:0px; padding-right:0px; } #programme-calendar #label-select-timezone-prog-list, #my-agenda #label-select-timezone-agenda { color:var(--default-text-color)!important; } #div-timezone-prog-list .dropdown-toggle,#div-timezone-agenda .dropdown-toggle { padding-top:10px; height:40px; background-color: var(--default-bg-color); color:var(--default-text-color); font-size:15px; border-radius:0px; border: solid 1px var(--default-border-color); } #programme-date-picker{ min-height:50px; } #programme-calendar #programme-date-picker button, #my-agenda #programme-date-picker button { background-color: var(--default-bg-color); color: var(--default-text-color); font-size: 16px; border:2px solid white; margin-right: 10px; font-weight: 500; } #programme-calendar #programme-date-picker button, #my-agenda #programme-date-picker button:focus { box-shadow: none; } #programme-calendar #programme-date-picker button.selected, #my-agenda #programme-date-picker button.selected { background-color: var(--default-bg-color); color:var(--tertiary-text-color); font-weight: 700; font-size: 16px; } #programme-calendar #programme-date-picker button.selected:active, #programme-calendar #programme-date-picker button.selected:hover { background-color: var(--default-bg-color)!important; color: var(--tertiary-text-color)!important; } #programme-calendar #programme-date-picker button.selected > span { color: var(--secondary-text-color)!important; } #programme-calendar .roomsName, #my-agenda .roomsName { background-color: var(--default-bg-color); font-size:15px; } #programme-calendar .scrollProgramLeft, #my-agenda .scrollProgramLeft { margin-right: 15px; width: 48px; } #program-types-legend { font-weight:bold; } #programme-calendar .scrollProgramRight { margin-left: -46.5px; width: 48px; } #my-agenda .scrollProgramRight { margin-left:-53.5px; } #live-program-card-row-title, #arrow-left, #arrow-right { height:52px!important; } #programme-calendar #arrow-right i, #programme-calendar #arrow-left i, #my-agenda #arrow-right i, #my-agenda #arrow-left i { height:55px; padding-top:15px; padding-left:13px; position: relative; bottom: 2px; } #programme-calendar .program-grid-calandar, #my-agenda .program-grid-calandar { border:1px solid #FFFFFF!important; background: #eaeaea; } #programme-calendar .session-grid-scroll-div > div:nth-child(2), #my-agenda .session-grid-scroll-div > div:nth-child(2) { border-top:0px!important; margin-top:0px; } #programme-calendar .session-grid-scroll-div > div:nth-child(2) .programme-session-card, #my-agenda .session-grid-scroll-div > div:nth-child(2) .programme-session-card { border-top:0px!important; } #programme-calendar #row-hour, #my-agenda #row-hour { margin-top:0px; } .programme-session-card .col-0 { display:none!important; } .header-programme-session-card .header-programme-session-card-hour[class*=hourType] { display:block; color:black; font-weight:bold; font-size:0.7em; } .header-programme-session-card-cotype { float: none; font-size:0.7em; } .program-session-card-title span { color: #000000; font-size:15px; font-weight: bold; } /*HP*/ .dropdown-menu.headerMenuDropdown { border:0; background-color:var(--default-bg-color)!important; color:#000000!important; border-radius: 0px; margin-left:-10px; } .dropdown-menu.headerMenuDropdown a.dropdown-item:hover { color:var(--tertiary-text-color)!important; background-color:var(--default-bg-color)!important; } .dropdown-menu.headerMenuDropdown a.dropdown-item div { color:#000000!important; } .dropdown-menu.headerMenuDropdown a.dropdown-item div:hover { color:var(--tertiary-text-color)!important; background-color:var(--default-bg-color)!important; } .headerMenuDropdown li:not(.nav-item):hover, .headerMenuDropdown li:not(.nav-item):hover > a, .headerMenuDropdown li:not(.nav-item):hover > a > div, .header-menu-dropdown-menu > a:hover { color:var(--tertiary-text-color)!important; background-color:var(--default-bg-color)!important; } .headerSubMenuDropdown > li:hover, .headerMenuDropdown > li:not(.navbarSubDropdown):hover, .headerMenuDropdown > li:not(.navbarSubDropdown) > a > div:hover, .headerMenuDropdown > li > a:hover, #header-menu-dropdown-menu > .dropdown-item:hover, #navbar-left-block a > div > .nav-link-label:before { background-color:var(--default-bg-color)!important; color:var(--tertiary-text-color)!important; } #navbar-left-block a > div > .nav-link-label:before { background-color:#489DCB!important; } /*Pagination generique*/ #select-order-by { background:var(--default-input-bg-color); color:var(--default-text-color); border-radius:7px; height:40px; border: solid 2px var(--default-input-border-color) } #select-order-by:focus, #select-order-by:active, #select-order-by:hover { box-shadow:none; } .pagination>li>a, .pagination>li>span { border:0px; font-size:20px; font-weight:bold; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:var(--tertiary-bg-color); border-color:var(--tertiary-bg-color); } .page-item.active .page-link { background-color:var(--tertiary-bg-color); border-color:var(--tertiary-bg-color); font-size:20px; font-weight:bold; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: var(--default-text-color); } .pagination>li>a{ color:var(--default-text-color); } .pagination>li:not(.disabled)>a .fa-chevron-right, .pagination>li:not(.disabled)>a .fa-chevron-left { color:var(--default-bg-color); } .js-speaker-list-pagination .fa-chevron-right { color: var(--default-text-color)!important; } /* END aids 2022 CSS END */ a.slick-slide div { text-align: center; } #link-to-prg-sidepanel { float:left; margin-top: 10px; margin-bottom:10px; font-size:16px; font-weight:bold; padding-left:0; color: var(--default-title-color); } .modal-user-profile-title { font-size:20px; line-height:24px; } #modal-user-profile .modal-header { border-bottom: 1px solid #333; padding: 13px 13px 13px; } #user-profile-img { width: 150px; height: 150px; border-radius: 50%; } .profileUserButton { align-items: center; line-height: 16px; width: auto; padding: 13px 0; height: 40px; cursor: pointer; } .userProfileButton { margin-right:15px; } .userProfileBackToProfile, .userProfileButton { background-color: var(--default-bg-color)!important; border-color: var(--default-border-color); color: var(--default-text-color); } .talklist-item-header { background-color: var(--tertiary-bg-color); color: var(--secondary-text-color); height:33px; padding:0 13px; font-size:10px; line-height: 12px; font-weight:bold; } .talklist-list-group-item { padding:0; background-color:var(--default-bg-color); } .talklist-item-content { padding: 0 20px; } .talkList .modal-body { padding:0; } .cUserStatus { display: flex; align-items: center; } .cUserStatus > i { font-size:20px; margin-right:10px; } .cUserStatus > span { font-size:12px; font-weight:normal; } .user-profile-bio { background-color:#EFEFEF; } .userProfileTitle { background-color: var(--tertiary-bg-color); color: #FFFFFF; height:33px; padding:0 13px; font-size:10px; line-height: 12px; font-weight:bold; } .user-profile-bio-text { padding: 20px 20px 20px; font-size:16px; line-height:20px; font-weight:normal; } .panelDisplayPrg .searchSidePanel{ width:214px!important; } .programSidePanelSearch { padding:0!important; } .sessionModalDetailDate, .sessionModalDetailHour{ font-size:16px; font-weight:bold; letter-spacing: 0; color: #489DCB; opacity: 1; } .modal-session-abbr-timezone { letter-spacing: 0; opacity: 1; } .modal-sessions-buttons { display:inline-block!important; padding:10px!important; background-color:var(--default-bg-color); color:white!important; margin-right:10px; } .modal-sessions-buttons:hover, .modal-sessions-buttons a:hover { font-weight:bold; color:white; text-decoration:none; } .modal-sessions-buttons-live { background-color:red; } .modal-sessions-buttons-blue { background-color:#489DCB; } .modal-session-header-date { margin-right:20px; } .modal-session-display-type, .modal-session-display-category { display:inline-block; font-weight:bold; margin-bottom:10px; } .modal-session-display-category { padding-left:20px; } .modal-session-name { color: #489DCB; font-size:32px !important; line-height:38px; font-weight:bold; } #img-cotype-label { padding-left:unset; font-size:12px; line-height:14px; } .img-cotype-label-holder { font-size:12px; line-height:14px; font-weight:bold; } .modal-session-desc { width: 100%; color: #000000; background-color:unset; border-radius:unset; padding:0; font-size:14px; line-height:20px; text-align:justify; margin-bottom:30px; } .modal-session__btn-add-agenda, .modal-session__agenda-ics-btn { background-color: var(--default-bg-color); color:white !important; font-size:12px; line-height:14px; height:40px; } .modal-cat-name { color: var(--default-title-color); } .modal-session-header { color:var(--default-text-color); border-bottom:1px solid #C4C4C4!important; } /* live rooms */ .ubiquity-timeline-element.type-question, .ubiquity-timeline-element.type-commentaire, .ubiquity-timeline-element.type-user-pho, .ubiquity-timeline-element.type-twitter, .ubiquity-timeline-element.type-sondage, .ubiquity-timeline-element.type-doc-pho, .ubiquity-timeline-element.type-doc, .ubiquity-timeline-element.type-doc-txt, .ubiquity-timeline-element.type-doc-link, .ubiquity-timeline-element.type-answer, .ubiquity-timeline-element.type-info { border: none !important; } .ubiquity-timeline-element.type-question, .ubiquity-timeline-element.type-commentaire, .ubiquity-timeline-element.type-user-pho, .ubiquity-timeline-element.type-twitter, .ubiquity-timeline-element.type-sondage, .ubiquity-timeline-element.type-doc-pho, .ubiquity-timeline-element.type-doc, .ubiquity-timeline-element.type-doc-txt, .ubiquity-timeline-element.type-doc-link, .ubiquity-timeline-element.type-info { width: 100%!important; } .ubiquity-timeline-element.type-answer { margin-left: 0!important; } /* end of live rooms */ /*Deplacement règles CSS spé vers gen pour 2023*/ /*113 programme*/ #programme-calendar #programme-date-picker .selected, #programme-calendar .roomsName { background-color:var(--tertiary-bg-color); color: var(--secondary-text-color); } /*114 programme*/ #programme-calendar .live-program-hour-bar-body .hourContent { background-color:var(--tertiary-bg-color); color: var(--secondary-text-color); } /*127 programme*/ #my-agenda .roomsName,#my-agenda #programme-date-picker .selected { background-color: #489DCB;border: 1px solid #489DCB; } /*129 programme*/ #my-agenda .live-program-hour-bar-body .hourContent { background-color: #489DCB; } /*115 scrollbars*/ .session-grid-scroll::-webkit-scrollbar-thumb { background:var(--tertiary-bg-color)!important; } /*118 scrollbars*/ #programme-calendar .scrollProgramLeft, #programme-calendar .scrollProgramRight { background-color:#ffffff; color:var(--tertiary-bg-color); } /*132 scrollbars*/ #my-agenda .scrollProgramLeft, #my-agenda .scrollProgramRight { background-color: var(--default-bg-color);color: #ffffff; } /*160 scrollbars*/ #programme-calendar .session-grid-scroll-div > div:nth-child(2) .programme-session-card, #my-agenda .session-grid-scroll-div > div:nth-child(2) .programme-session-card { border-top: solid 1px #707070 !important; } /*167 scrollbars*/ .session-grid-scroll { overflow: auto!important;overflow-x: scroll!important;padding-bottom: 9px!important;background-clip: padding-box!important; } /*Affichage type moderateur*/ .modal-session-moderator-type-libelle { display:inline; } /*Personnalisation Booths*/ .booth-2d.page-booth-detail h1 { color: #777777; } .booth-2d.page-booth-detail h2 { color: #777777; } .booth-2d.page-booth-detail h3 { color: #777777; } .booth-2d.page-booth-detail h5 { color: black; padding-left: 15px; } .booth-2d.page-booth-detail p { color: black; } .booth-2d.page-booth-detail .row { align-items: flex-start; } .booth-2d.page-booth-detail .booth-2d-media-cadre { align-items: unset; } .booth-2d.page-booth-detail .col-md-12 { padding-right: 0; padding-left: 15px; } .booth-2d.page-booth-detail .mt-sm-3 { margin-top: 0!important; } .booth-2d.page-booth-detail .col-lg-3 { background-color: #efefef; margin-top: 1rem; } @media (max-width: 991px) { .booth-2d.page-booth-detail .col-lg-3 { background-color: #efefef; margin: 15px 15px 0 15px; } .booth-2d.page-booth-detail .booth-2d-symposia-date { padding-left: 0.5rem; } } .booth-2d.page-booth-detail .col-lg-3 a { color: black; } .booth-2d.page-booth-detail .col-lg-3 .btn-block { background-color: transparent; padding-bottom: 10px; padding-top: 10px; font-weight: 700; font-size: 15px; border: none; } .booth-2d.page-booth-detail .col-lg-3 .btn-primary { border-bottom: 1px solid #d8d8d8; } .booth-2d.page-booth-detail .col-lg-3 .ml-sm-0 .col-12 .row:last-child .btn-primary{ border-bottom: none; margin-bottom: 1rem; } .booth-2d.page-booth-detail .col-lg-3 .col-12 { padding: 0 25px 0 15px; margin-bottom: 0!important; margin: 0; } .booth-2d.page-booth-detail .col-lg-3 .col-lg-12 { margin: 0; } .booth-2d.page-booth-detail .booth-2d-symposia-1 { background-color: transparent; border-bottom: 1px solid #d8d8d8; } .booth-2d.page-booth-detail .col-lg-9 .col-lg-12 .col-lg-12:last-child .booth-2d-symposia-1 { border-bottom: none; } .booth-2d.page-booth-detail .booth-2d-symposia-2 { background-color: transparent; border-bottom: 1px solid #d8d8d8; } .booth-2d.page-booth-detail .col-lg-9 .col-lg-12 .col-lg-12:last-child .booth-2d-symposia-2 { border-bottom: none; } .booth-2d.page-booth-detail .col-lg-7 { padding: 0; } .booth-2d.page-booth-detail .booth-2d-symposia-2, .booth-2d.page-booth-detail .booth-2d-symposia-1 { align-items: center; } .booth-2d.page-booth-detail .booth-2d-symposia-1 .col-lg-3, .booth-2d.page-booth-detail .booth-2d-symposia-2 .col-lg-3 { background-color: transparent; width: fit-content; margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-right: 0; } .booth-2d.page-booth-detail .btn-secondary { background-color: #489dcb; border-color: #489dcb; min-width: max-content; align-self: center; } .booth-2d.page-booth-detail .booth-2d-media-cadre { background-color: transparent; padding: 0; margin-top: 10px; margin-bottom: 10px; } .booth-2d.page-booth-detail .booth-2d-media-card { background-color: #efefef; box-shadow: none; } .booth-2d.page-booth-detail .mb-3 { margin-bottom: 1rem; margin-top: 1rem; } .coiBtn, .coiBtn:hover, .coiBtn:active{ background-color: var(--default-bg-color)!important; border-color: var(--secondary-border-color)!important; color: var(--tertiary-text-color)!important; } .coiBtn:active { background-color: var(--default-bg-color)!important; border-color: var(--secondary-border-color)!important; color: var(--tertiary-text-color)!important; } .coiBtn:focus { background-color: var(--default-bg-color)!important; border-color: var(--secondary-border-color)!important; color: var(--tertiary-text-color)!important; } .channel-home .slick-prev, .channel-home .slick-next { border: none!important; } .channel-home .slick-prev::before { content: '\f060'!important; color: var(--tertiary-text-color)!important; font-weight: 700; } .channel-home .slick-next::before { content: '\f061'!important; color: var(--tertiary-text-color)!important; font-weight: 700; } /* old on site css */ .fil-ariane a { color:#494949; font-weight:bold; } #container-list-advanced-search-toggle-text, #container-list-advanced-search-closed { color:var(--secondary-text-color); } h1.sidebar-titre { color:#494949; font-size:20px; font-weight:bold; } .btn-primary:focus, .btn-primary:hover { background-color: var(--default-button-bg-color); } .btn-primary:active { background-color:#d10310!important; } #zone-contenu-sidebar { /*background-color:#EBEBEB;*/ } .card-body { box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .16); } .card { border-radius: 0px!important; border-color:#EFEFEF; } .badge { border-radius:0px; background-color:#f39399; padding:5px; margin:3px; border:0px; } #zone-contenu-sidebar img { box-shadow:0px 3px 6px 0px rgba(0,0,0,.16); } .d-flex { display :none; } .backoffice #summary_section { /* Booth Masquer summary */display:none; } .backoffice #booth_create_form > div:nth-child(7) > div:nth-child(3) { /* Booth : masquer See booth online display:none;*/ } div.float-left.mb-2 { /*display:none;*/ } div.switchToggle.mb-2 { /*display:none;*/ } .footer-column:nth-child(3) .footer-inner-row-top a:nth-child(1) { /* Footer hide Live link */ visibility:hidden; } .footer-column:nth-child(5) .footer-inner-row-top a:nth-child(2) { /* Footer hide Exhibition link */ visibility:hidden; } .booth_exhibitor_chat_button_edit.btn.btn-xs.btn-primary.fancybox { /* Booth Masquer bouton ajout dun chat manager via BO */display:none; } #modal-session-content .modal-session-desc { /* Description modal programme en noir */ color: black; } .exhibitor-list-rgpd-message { /* Exhibitor-list : rdpg message en rouge */ color: red; } .program-session-card-title strong { /* Masquer code session du programme */ display: none; } #CookieDeclarationChangeConsent a { /*CookieBot Lien Update*/ color:#d10310; font-weight:bold; } .exhibitorCardSectionImg { background-color:#ffffff; border-radius:20px; } .footer-column:nth-child(6) .footer-inner-row-top a:nth-child(1) { /* Footer : Masquer Worldwide attendees *//*visibility : hidden;*/ } stop.modal-sessions-interventions-group > a:first-of-type { /* Programme hide abstract link on details sessions */ display:none; } .frontoffice span.program-info-text { /* Programme center description text */ text-align: center; } .askQuestion.ubiquity-font-weight-normal.mt-4.mb-2 { /*Live interface : ask a question separator */color : #f39399; } .ubiquity-timeline-element.type-info { /*Timeline button information*/background-color:#C0C0C0; } stop.frontoffice div#tab-live-question:after { /*Live QandA sentence */content: 'By using the Q&A and comment functions, your name will be displayed.'; font-style: italic; } .askQuestion { /* Timeline Ask a question button*/ color: #ff880e } .askQuestionSeparator { /* Timeline separator ask a question*/ border-top: 3px solid #ff880e; } #mobile-chat-container { bottom:75px!important; } .livePanelLive .live-status { font-size: 2rem; } /* cas spécial avec chemin */ @media screen { #mobile-chat-container { display:none; } } #ac-online-nb { display: inline; } #programmeAdvSearchContainer .btn-primary { background-color:#d10310; } #exhibitor-list-filter #select_summary_list { display:block!important; } .profilDetails.talkList .seeAbstractButton { /*Masquer les liens abstracts*/display:none; } #ubiquity-conteneur h4.mt-2 { /*IO : hide more informations*/display:none; } .regie-display-body { background-color:#ffffff; } #ubiquity-conteneur.container #ubiquity-top-bar #fo-live-chat-connectes-conteneur { display:none; } #ubiquity-conteneur.container #ubiquity-content-conteneur #ubiquity-login-infos { display:none; } .frontoffice-interface-invite .tablet-footer__btn-vote, .frontoffice-interface-invite .tablet-start-poll-btn, .frontoffice-interface-invite .tablet-stop-poll-btn { display:none!important; } .booth-2d-symposia-date .symposia-time { display:none; } #container-details #question-response-button { max-width:none; } #body-container [id^="section-"]:has(.ias-home-page-right-top-section) { background-image:none; } .color-button-block { border-radius:0px; } #carousel-link-section .section-title h2 { color:var(--default-title-color); } body #arrowchat_base { background: var(--default-bg-color) !important; border-top: 1px solid white !important; } #arrowchat_base > div { background-color: var(--default-bg-color); } #arrowchat_base .acBackgroundButton { background: var(--default-bg-color) !important; } #arrowchat_base .arrowchat_bar_button { border:0px!important; } div#arrowchat_chatboxes { border-left: 0px; } #header #navbar-left-block div { text-transform:none; } .nav-item.mr-2 { margin-left:3em; margin-right:0rem!important; } #switch_display_exhibitor_page_section { /* BO booth */ display:none; } #tabSetup .col-xs-12.col-md-12 { /* BO booth enable symposium */ display:none; } #programmeExportPdfBtn { display:none; } #programmeAdvTypeBtnHide { display:none; } .btn-primary { background: var(--default-button-bg-color); border: 1px solid var(--default-button-bg-color); color: var(--default-button-text-color); } #programmeAdvSearchContainer button > i, #programmeAdvSearchContainer button > span { color:var(--default-text-color); } #programme-calendar .roomsName > span { color:#ff880e; } #programme-calendar .roomsName { font-size:15px; margin-top:0px!important; height:52px!important; } #arrowchat_base .acColorTab { font-weight: 500!important; } .welcome-to-aids2022__title { text-align: left; width: 100%; padding: 40px 25px; } .compte-a-rebours { background: #ffffff; color: #0A756E; font-weight: bold; } #program-filter .pb-1 { font-weight: bold; } #left-panel-float { top: 80px; } #my-agenda .roomsName { font-size: 15px; } #my-agenda .roomsName > span, #my-agenda #label-select-timezone-agenda { color: #ff880e; } .livePanelSessionCategory { display: none; } #userEditForm .switchToggle.mb-2 { /* masquer option pour afficher son nom */ display: none; } #video-liste-info-chaines { /* Hide channel selector in media list */ visibility: hidden; } .body-container_programme .container-fluid.container-zone-principale { /* Largeur programme 100% */ max-width: 100%; } .multipleSelecterSessionTypes div.dropdown-menu { max-width: 120px; } .user-menu_library { display: none; } .chatroom-43 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-56 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-57 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-58 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-50 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-59 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container { display: none; } .chatroom-60 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-61 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-62 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-63 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-64 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container, .chatroom-65 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container { display: none; } .chatroom-66 .arrowchat_popout_chatroom_convo .arrowchat_popout_input_container { display: none; } #arrowchat_chatboxes .arrowchat_tabalert { top: 0px !important; left: 114px !important; } #search-form .quick-search-section-1 { display: none; } .buttonLibrary { display: none; } .libraryButton { display: none; } .breakoutbtn { border-radius: 0px !important; } .prgBadgeSessionNotCurrentDay { color: white; /* Program badge text color */ } #live-session-section .live-container__inactive .date__badge { /* hide bug timezone */ visibility: hidden; } .arrowchat_chatroom_room_name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px !important; } .booth-2d-card-icon { color: #489dcb !important; } .js-breakout-modal { display: none; } #live-program-card-row-title .roomsName { width: 180px !important; } .backoffice #meeting-tab { /* BO Booth Meeting tab */ display: none; } .backoffice #videoroom-tab { /* BO booth Video meeting */ display: none; } .backoffice #chat-tab { /* BO booth chat */ display: none; } .backoffice #tab-links { /* BO booth Link tab */ display: inherit !important; } .backoffice #rgpd-tab { /* BO booth RGPD */ display: none; } #arrowchat_base .arrowchat_bar_button { border-right: 1px solid #FFFFFF !important; } div#arrowchat_chatboxes { border-right: 1px solid #FFFFFF !important; } .wysiwyg-v2-edited h1, .wysiwyg-v2-edited h2, .wysiwyg-v2-edited h3, .wysiwyg-v2-edited h4, .wysiwyg-v2-edited h5, .wysiwyg-v2-edited h6 { color: var(--default-title-color); font-family: 'IASRibbon', 'Montserrat', 'Arial', sans-serif; } /* timeline commentaires couleur */ .ubiquity-timeline-element.type-commentaire { background: #2C7D5C !important; } /* timeline bouton likes carrés */ .live-like-holder { border-radius: 0; } .wysiwyg-v2-edited h1 { font-size: 36px; } .wysiwyg-v2-edited { font-family: 'IASRibbon', 'Montserrat', 'Arial', sans-serif; } .wysiwyg-v2-edited p { font-size: 16px; } /* bouton recherche avancée visited 1206 */ .frontoffice .btn-primary:visited { background: var(--default-button-bg-color) !important; color: var(--default-button-text-color); border: 0px; } .frontoffice .btn-secondary { background-color: var(--tertiary-text-color); border-color: var(--tertiary-text-color); color: var(--default-button-text-color); } /* Search by Keyword advanced search Programme 2306 */ .program_advanced-search_title { color: var(--secondary-title-color); } /* Talk details sur page media 2306 */ #container-details .rightZoneTitle, #container-details .commentTitle { color: var(--tertiary-text-color); } /* line en dessous de talk details page media 2306 */ #container-details .rightZoneTitleHr, #container-details .commentTitleHr { background-color: var(--tertiary-bg-color); } #container_detail_side-related_content h4 { color: var(--default-title-color); } /* couleurs boutons my profile 2306 */ .frontoffice .btn-outline-primary { color: white; border: 0px; background-color: #EAAF66; } /* boutons edit my personal data et submit profile 2306 */ .frontoffice .btn-outline-primary:active { color: white; border: 0px; background-color: #EAAF66; } /* networking font 2306 */ body #arrowchat_base { font-family: 'IASRibbon', 'Montserrat', 'Arial', sans-serif; } /* programme search font size 2706 */ .program_advanced-search_checkbox-label { font-size: 16px; } /* couleur hyperlink see the abstracts 2906 */ a.modal-sessions-interventions-group_btn-see-abstract.pl-4 { color: #489dcb !important; } .booth-2d.page-booth-detail .booth-2d-symposia-2, .booth-2d.page-booth-detail .booth-2d-symposia-1, .booth-2d.page-booth-detail .booth-2d-symposia-3, .booth-2d.page-booth-detail .booth-2d-symposia-4 { background-color: white; } /* Abbott booth colors titles JB 10072023 */ .booth-2d.page-booth-detail .mb-3, .fil-ariane { color: white; } /* abbott sympo colors JB 10072023 */ .booth-2d.page-booth-detail .booth-2d-symposia-2, .booth-2d.page-booth-detail .booth-2d-symposia-1, .booth-2d.page-booth-detail .booth-2d-symposia-3, .booth-2d.page-booth-detail .booth-2d-symposia-4 { color: #4d4d4d; } /* Abbott booth fil ariane JB 10072023 */ #fil-ariane-holder > div > div > a:nth-child(1), #fil-ariane-holder > div > div > a:nth-child(2) { color: white; } /* booth abbott links JB 10072023 */ #zone-contenu > div.col-lg-12.booth-2d.page-booth-detail > div:nth-child(3) > div.col-lg-3 > div:nth-child(2) > div > h2 { color: var(--default-title-color) !important; } h1.booth-2d-title.not-display-booth-2d-element { font-size: var(--primary-h1-font-size); color: var(--default-title-color); } #zone-contenu:has(.page-booth-detail) .btn-block.text-left:not(.booth-2d-contact-btn) i { padding: 0; display: flex; justify-content: center; align-items: center; font-size: 13px!important; margin-top: 1px; } /* cacher button advanced search sur page ebag JB1207 */ #container-list-advanced-search-button { display: none; } .io-body img.io-header__logo { display: block !important; width: auto !important; } .ubiquity-timeline-element.type-question { background: #489DCB !important; } .tablet-footer__session-timeline { visibility: hidden; } .viewCoiButton .btn { text-transform: none !important; } .booth-2d h4 { color: #777777; } .booth-media__icon { color: var(--tertiary-text-color); } /* Rajout IAS 2025 - Nouveau programme */ .program-session-card-view-details > div, .program-session-card-view-details > div > div { float: none; width: 100%; } .program-session-card-view-details .programSessionButtons a { position: inherit; bottom: auto; } .sideBarPanel, .cardDisplayPrgSidePanel { width: 25rem !important; } #programme-date-picker button { max-width: 300px!important; width: 200px!important; } #zone-contenu:has(.page-booth-detail) .btn-block.text-left { margin-bottom: 10px; } .booth-2d.page-booth-detail h2 { color: var(--default-title-color)!important; } #zone-contenu:has(.page-booth-detail) .btn-block.text-left:active, #zone-contenu:has(.page-booth-detail) .btn-block.text-left:focus { background: none!important; box-shadow: none; } #programContent h1, h1.container-title, .js-speaker-list-section h1 { font-size: var(--primary-h1-font-size); font-weight: var(--primary-h1-font-weight); color: var(--default-title-color); } #media-list h3 { font-size: var(--secondary-h3-font-size); color: var(--default-title-color); } #media-list h3 a { color: var(--default-title-color); } .container-card__details__holder-badges { margin-top: 0!important; } .container-card__details__holder-badges-description { max-height: calc(100% - 65px - .6rem)!important; } .container-card__details__holder-badges .container-card__details__holder-badges_badge a { margin-top: 0!important; margin-bottom: 12px!important; } #media-list .card-body { box-shadow: none; } .boothButton .fa-heart { margin-top: 15px; } .aids-nb__icon_login { display: none!important; } /* End old on site css */