html * { -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { color:#414141; background-color: #FAFAFA ; font-family: 'Helvetica Neue', Helvetica, 'Verdana', sans-serif; padding:0; margin:0; font-size:80%; }
.notDisplayed { display:none !important }
h1, h2 { font-family: 'Helvetica Neue', Helvetica, 'Verdana', sans-serif; margin-bottom:10px }
h1 { font-size: 220%; color: #414141; padding: 0 2%; }
h2 { font-size:160%; margin-top:0; }
a:link, a:visited { color:#000; text-decoration:none }
a:hover { text-decoration:underline }
p { margin:5px 0; text-align:justify }
/* HEADER **********************************************************************************************/
.synopticHeader { position: relative; float:left; width:100%; padding-top:10px; background-color:#fff }
.special .synopticHeader { background-color: #fff; }
.synopticHeader h1 { float:left; margin-top:4px; margin-left: 2%; width:48%; display:inline-block; color:#c9d101; display:none }
.synopticHeader .btnBack { text-decoration: none; background: #e3e7e9; color: #2c3940; position:absolute; top:0; left:0; margin: 10px 2% 0 2%; height: 36px; line-height: 36px; cursor: pointer; border-radius:2px; }
.synopticHeader .btnBack:hover { }
.synopticHeader .btnBack span { display: block; padding: 0 10px 0 30px; background:url("../images/picto/icoBackBtn.png") no-repeat 8px center; font-size: 1.1em; font-weight: bold; color: #3d4f57; }
.synopticHeader .btnBack a { width:inherit; height:inherit; text-indent:inherit; text-decoration:none }
.session .synopticHeader .bandeauPub { width:468px; height:60px; float:right }
.session .synopticHeader .openPanel { width:40px; height:45px; display:block; float:left; background:transparent url("../images/openPanel.png") no-repeat left top; cursor:pointer; margin:-5px 10px 0 -10px }
#country-select {position: absolute !important;top: -5px;right: 10px;}
.synopticHeader .exportSchedule {display:none; cursor: pointer; position: absolute !important; top: 151px; right: 22px; height: 35px; background: transparent url("../images/print_big.png") no-repeat left; }
.synopticHeader .exportSchedule a { width: 130%; cursor: pointer; margin-left: 48px;}
/* loader */
.schedule.public .loadingBox{ background: url('../images/loading.gif') no-repeat scroll right center transparent; height: 80px; margin-right: 50%; margin-top: 20%; display:block; }
.schedule.public .waitingOverlay{ position : absolute; top:0; left:0; width:100%; height:100%; z-index:28; background-color: #000; opacity: 0.5; display:none; }
/* mode de vue */
.synopticHeader .viewMode { list-style:none; padding:0; margin:0; margin-top: 10px; position:absolute; right:5px; }
.synopticHeader .viewMode li { width:40px; height:30px; float:right; margin-left:10px; text-indent:-5000px; cursor:pointer }
/* navigation jours et mode de vue */
.menuDayMode { position:relative; display: inline-block; width: 100%; background:#bdc51e; height: 42px; overflow: hidden}
.menuDayMode .dayNav, .menuDayMode .specialNav { margin:0px; display: inline-block }
.menuDayMode ul { list-style:none; padding:0; margin:0; display: inline-block }
.menuDayMode ul li { float:left; border-right: 1px solid #fff; height: 42px; display: inline-block; }
.menuDayMode ul li.day-all { border:none; }
.menuDayMode ul li a { cursor: pointer; color: #fff; font-size: 16px; padding: 12px 20px; display: inline-block; }
.menuDayMode ul li a:hover { text-decoration:underline; }
.menuDayMode ul li.active { }
.menuDayMode ul li.active a { color: #4c626c; font-weight:bold; }
.menuDayMode ul.viewModeNav li { border: none; margin-right: 25px; }
.viewModeNav { list-style:none; padding:0; margin:0; position:absolute; right:0px; top: 0 }
.viewModeNav li { width:100px; height:42px; float:left; margin-left:10px; cursor:pointer; display: inline-block; }
.viewModeNav .synoptic { background: url("../images/picto/vue_synoptique2.png") no-repeat left center; padding-left: 20px; }
.viewModeNav .synoptic.active { background: url("../images/picto/vue_synoptique_active2.png") no-repeat left center; }
.viewModeNav .list { background:url("../images/picto/vue_liste2.png") no-repeat left center; padding-left: 20px; width: 70px;}
.viewModeNav .list.active { background: url("../images/picto/vue_liste_active2.png") no-repeat left center; }
/* left panel */
.ui-accordion ul { margin: 0; padding: 0; list-style: none; }
.ui-accordion .ui-accordion-content { border-top: 0; overflow: auto; }
.ui-accordion .ui-accordion-header { position: relative; border: 1px solid #495961; padding: 5px 5px 5px 30px; cursor: pointer; background: #eceff0; background: -webkit-linear-gradient(top, #ffffff 1%, #eceff0 51%); background: -moz-linear-gradient(top, #ffffff 1%, #eceff0 51%); background: -o-linear-gradient(top, #ffffff 1%, #eceff0 51%); background: -ms-linear-gradient(top, #ffffff 1%, #eceff0 51%); background: linear-gradient(top, #ffffff 1%, #eceff0 51%); border:none; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; top: 12px; left: 5px; width: 16px; height: 16px; }
.ui-accordion .ui-accordion-header.ui-accordion-header-active { background: #cfd6da; background: -webkit-linear-gradient(top, #ffffff 1%, #cfd6da 51%); background: -moz-linear-gradient(top, #ffffff 1%, #cfd6da 51%); background: -o-linear-gradient(top, #ffffff 1%, #cfd6da 51%); background: -ms-linear-gradient(top, #ffffff 1%, #cfd6da 51%); background: linear-gradient(top, #ffffff 1%, #cfd6da 51%); }
.ui-accordion .ui-widget-content { border:none; }
.leftPanel { position:absolute; top:0; left:0; height:100%; z-index:1; background:#2c3940/*; color:#fff*/; overflow: hidden; }
.leftPanel .openPanel { width:40px; height:45px; display:block; background:transparent url("../images/openPanel2.png") no-repeat center top; margin:10px; cursor:pointer; visibility:hidden }
.leftPanel ul { list-style-type:none; padding:0; margin:60px 0 0 0; }
.leftPanel ul li { padding:8px 0px 0px 0px;
margin-bottom:8px }
.leftPanel ul li.separ { padding:0; height:2px; background:transparent url("../images/panel_separ.png") repeat-x left top }
.leftPanel ul li a { cursor:pointer; font-size:110% }
.leftPanel .closePanel { display:block; margin:10px 5px; height:45px; background:transparent url("../images/closePanel.png") no-repeat right top; cursor:pointer }
.leftPanel .closeExtensionPanel { display:block; height:25px; background:transparent url("../images/BtnClose2.png") no-repeat right top; position:relative; top:5px; right:5px; cursor:pointer; display:none }
.leftPanel ul li.filters { background:transparent url("../images/picto/ico-left-filtres.png") no-repeat center top }
.leftPanel ul li.exportSchedule { background:transparent url("../images/panel_print_white.png") no-repeat center top }
.leftPanel ul li.tools { background:transparent url("../images/picto/ico-left-tools.png") no-repeat center top }
.leftPanel ul li.perso { background:transparent url("../images/picto/ico-left-perso.png") no-repeat center top }
.leftPanel ul li.legend { background:transparent url("../images/picto/picto_info.png") no-repeat center top }
.leftPanel ul li.home { background:transparent url("../images/panel_home.png") no-repeat center top; bottom:115px; display:none }
.leftPanel ul li.exposcientific { background:transparent url("../images/ico-abstract_white.svg") no-repeat center top; background-size: 22px; }
.leftPanel ul li.backtosessionlist { background:transparent url("../images/picto/vue_liste2.png") no-repeat center top; background-size: 22px; display:none; }
.leftPanel .ui-state-default .ui-icon { background-image : url("smoothness/images/ui-icons_ffffff_256x240.png"); background-position: -32px -16px; }
.leftPanel .ui-state-hover .ui-icon { background-image : url("smoothness/images/ui-icons_ffffff_256x240.png"); background-position: -46px -16px; }
.leftPanel .ui-state-active .ui-icon { background-image : url("smoothness/images/ui-icons_ffffff_256x240.png"); background-position: -64px -16px; }
.leftPanel .chosen-container-single { border:none; background:none }
.leftPanel .searchSessionTypeRef .cancel-search { background: inherit; border: inherit; color: #fff; cursor: pointer; margin-top: 3px; }
.leftPanel .chosen-container-single .chosen-default { color:inherit }
.leftPanel .chosen-container-single .chosen-single {
background:inherit, border-radius:inherit; box-shadow:inherit; color:#fff; }
.leftPanel ul.menu { float: left; width:60px; }
.leftPanel ul.menu li { height:30px; cursor:pointer; position: relative }
.leftPanel ul.menu li .count, .leftPanel ul.listFilters .filter .line .count { position: absolute; color:#fff; display:none; padding:.3em; width:14px; right:4px; top:1px; background-color: #f60000; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; text-align:center }
.leftPanel ul.menu li.separ { margin-bottom:0 }
.leftPanel ul.menu a {
color:#fff;
text-decoration:none;
font-size: 10px;
top: 21px;
position: relative;
text-align: center;
display: none;
}
.leftPanel.show ul.menu a { display:none }
.leftPanel ul.menu a:hover { color:#fff }
.leftPanel ul.menu .exposcientific.active { /* background-color: #84b722;*/ }
.leftPanel ul.menu .exposcientific.active a { /*background-color: #84b722;*/ font-weight: bold;
text-decoration: underline;}
.leftPanel .menu-content { float: left; background:#fff; border-top-left-radius:20px; height:93%; overflow-y: auto; overflow-x: hidden; }
.leftPanel .menu-content > section { display:none; width:390px; min-height:400px; padding-left:10px; position:relative }
.leftPanel.active .menu-content h2 { display:block; margin-bottom:0; margin-left:15px; font-size:1.7em; font-weight:normal; color:#c9d101; border-bottom:1px solid; height:39px; line-height:39px; }
.leftPanel.active .menu-content .elements { padding: 10px 10px 0 15px }
.leftPanel.active .menu-content .perso .form .search, .leftPanel.active .menu-content .perso .form .text { height:35px; float:left; border:none; }
.leftPanel.active .menu-content .perso .form .validate { height:37px; width: 15%; float: left; margin: 0; border: none; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background: #bdc51e url('../images/search.png') no-repeat center center; text-indent: -8000px; }
.leftPanel.active .menu-content .perso .list li.intervention { border-bottom:1px solid #dedede; padding:5px 0; margin-bottom:0; margin-right:0 }
.leftPanel.active .menu-content .perso .lastName, .leftPanel.active .menu-content .perso .firstName { font-size:1.2em; color:#4c626c }
.leftPanel.active .menu-content .perso .list li.intervention .title { display:block; color:#4c626c; font-weight:bold }
.leftPanel.active .menu-content .perso .list li.intervention .role { background:transparent url("../images/picto/icoRole.png") no-repeat left center; padding-left:17px }
.leftPanel.active .menu-content .perso .list li.intervention .type { background:transparent url("../images/picto/icoTypeIntervention.png") no-repeat left center; padding-left:21px }
.leftPanel.active .menu-content .perso .list li.intervention .day { display:block; font-size:.9em; color:#4c626c }
.leftPanel.active .menu-content .perso .list li.intervention .start, .leftPanel.active .menu-content .perso .list li.intervention .end { font-size:.9em; color:#4c626c }
.leftPanel.active .menu-content .perso .list li.intervention .conflicts { margin-top:8px }
.filters .reset{ background:transparent url("../images/deleteFilter.png") no-repeat right center; cursor:pointer; height:25px; background-color: #fff; width: 94%; text-align: center;}
.filters .reset span{ color:#444; font-size:17px}
.leftPanel ul.listFilters { margin:0 }
.leftPanel ul.listFilters .filter { padding:10px 20px 10px 0px; }
.leftPanel ul.listFilters .filter .line { background:#2c3940; padding:10px 10px 10px 25px; position: relative }
.leftPanel ul.listFilters .filter .line .name { color:#c9d101; font-size:1.3em }
.leftPanel ul.listFilters .filter .boxChoices { height:auto; padding:0; }
.leftPanel ul.listFilters .filter .boxChoices ul { margin:0; background:#ffffff; }
.leftPanel ul.listFilters .filter .boxChoices ul li { padding: 10px 20px 5px 28px; margin-bottom:0; }
.leftPanel ul.listFilters .filter .boxChoices ul li label { color:#2c3940 }
.leftPanel ul.listFilters .filter .boxChoices ul li input { position: absolute; left: -9999px; }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"] + label .codeCouleur { margin-left: 4px; margin-right: 7px; padding: 2px 0 2px 4px; }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"] + label { position:relative; padding:2px 0 0 28px; line-height:20px; width: 100%; cursor: pointer; font-size: 1.1em; }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 15px; height: 15px; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #92b5c4; -webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.2); }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"] + label:after { content: '✔'; position: absolute; margin: 0; top: -1px; left: 3px; font-size: 23px; color: #929917; }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"]:not(:checked) + label:after { opacity: 0; }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"]:checked + label:after { opacity: 1; }
.leftPanel ul.list li.schedule { display:flex; flex-direction:column; height: auto; margin: 0; background: #ffffff; padding: 10px 20px 5px 28px; margin-bottom: 0; }
.leftPanel ul.list li.type { display: flex; flex-direction: column; height: auto; margin: 0; background: #ffffff; padding: 10px 20px 5px 28px; margin-bottom: 0; }
.leftPanel ul.list li.schedule label { color: #2c3940; position: relative; padding: 2px 0 0 28px; line-height: 20px; width: 100%/*; cursor: pointer*/; font-size: 1.1em; margin-bottom: .6rem; }
.leftPanel ul.list li.schedule label::before { margin-right: .4rem; font-size: 1.5rem; }
.leftPanel ul.list li.type label { color: #2c3940; position: relative; padding: 2px 0 0 28px; line-height: 20px; width: 100%/*; cursor: pointer*/; font-size: 1.1em; margin-bottom: .6rem; }
.leftPanel ul.list li.type label .codeCouleur { margin-left: 4px; margin-right: 7px; padding: 2px 0 2px 4px; width: 1px; height: 16px; display: inline-block; position: relative; top: 3px; margin-right: 5px; }
.leftPanel ul.list li.type label:before { position: absolute; left: 0; top: 2px; width: 15px; height: 15px; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #92b5c4; -webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.2); }
.leftPanel ul.list li.type label:after { position: absolute; margin: 0; top: -1px; left: 3px; font-size: 23px; color: #929917; }
.leftPanel .exportType { display: none; background-color: #363839; position: fixed; width: 294px; top: 180px; left: 45px; padding: 1%; z-index: 1; }
.leftPanel .exportType a { display: block; font-weight: bold; margin-bottom: 17px; cursor:pointer; }
.leftPanel .exportType .close { display: block; margin: 4px 5px; height: 45px; width: 32px; background: transparent url("../images/closePanel.png") no-repeat right top; cursor: pointer; float: right; }
.leftPanel .exportType .choice { display: block; float: left; width: 70%; }
/* search */
.scheduleSearch { position: relative; min-height: 50px; left: 3%; margin:7px; width: 59%; display:inline-block; float:left; }
.scheduleSearch .searchField { float: left; margin-top: 0px; padding-top: 10px; padding-bottom: 5px; -webkit-appearance: none; width:59%; margin-left:0; padding-left: 9px; font-size: 1.2em; color: #444; border:none; border: 1px solid #ccc; }
.scheduleSearch .emptySearchField{ display: inline-block; margin-left: -18px; float: left; font-family: sans-serif; font-weight: bold; line-height: 35px; cursor: pointer; color: #5f5f5f; }
.scheduleSearch .emptySearchField:hover{text-decoration: none;}
.scheduleSearch .displayFilters, .scheduleSearch .searchButton { display:block; width:45px; height:35px; float:left; text-indent:-2000px; cursor:pointer }
.scheduleSearch .searchButton { background:#c9d101 url("../images/picto/ico-search-white.png") no-repeat center center; padding:0; border:none; outline-style:none; margin-right: 1%; width: 10%; margin-top: 0px; }
.scheduleSearch .advancedsearch { cursor:pointer; font-family: 'Helvetica Neue', Helvetica, 'Verdana', sans-serif; display: inline-block; font-size: 1.1em; padding: 0.88%; margin-top: 0%; background-color: #ffffff; text-decoration: none; }
.scheduleSearch .displayFilters { background:transparent url("../images/filter.png") no-repeat left top; margin-top: 1px; }
.dialogBox { background:#dedede }
.dialogBox .filter-content { position:relative; z-index:1; height:100% }
.dialogBox .filter-content ul { padding:0; list-style-type:none; font-size:120% }
.dialogBox .filter-content ul li { cursor:pointer; padding:2% 2% 2% 6%; width:92%; background:transparent url("../images/select_check.png") no-repeat 5px center }
.dialogBox .filter-content ul li .codeCouleur { width:15px; height:15px; float:left; border:none; margin:2px 8px 0 0; display:none }
.dialogBox .filter-content ul li .checkBox { display:none }
.dialogBox .filter-content ul li[checked=checked] { background:#fff url("../images/selectFilter_box.png") no-repeat 5px 12px }
.dialogBox .filter-content ul li[checked=checked] .label { font-weight:bold }
.dialogBox .shareContent { padding:20px; background:#fff }
.dialogBox .shareContent ul { list-style-type:none; padding:0; margin:0 }
.dialogBox .shareContent ul li { cursor:pointer; border-bottom:1px solid #dedede; padding:2% 2% 2% 7%; width:91% }
.dialogBox .shareContent ul li.sendMail { border:none; background:transparent url("../images/share_mail.png") no-repeat left top }
.dialogBox .shareContent ul li.facebook { background:transparent url("../images/share_facebook.png") no-repeat left top }
.dialogBox .shareContent ul li.twitter { background:transparent url("../images/share_twitter.png") no-repeat left top }
.dialogBox .shareContent ul li.linkedin { background:transparent url("../images/share_linkedin.png") no-repeat left top }
/* Session speciales */
.specialView { background-color:#ffffff; }
.specialView h2.specials-title { font-size:26px; background: transparent url("../images/ico-abstract.svg") no-repeat left 11px; background-size: 22px; padding-left:38px; padding-top:12px; font-weight: normal; margin-left: 1%; }
.specialView .themes { clear:left; list-style:none; padding:0; margin:0; background:url("../images/data-day-bg-fleche.png") no-repeat left -1px #f5f8fa; padding-top:36px; padding-bottom:35px; padding-left: 1%; }
.specialView .themes .theme { border:none; position:relative; cursor:pointer; overflow:hidden; padding: 12px 10px 12px 10px; border-bottom: 1px solid #4c626c; }
.specialView .themes .theme .btnSeeInterventions { background:transparent url("../images/ico-next.png") no-repeat right center; position: absolute; top: 12px; right: 10px; height: 48px; width: 48px; text-align: right; }
.specialView ul.themes li.theme .count { min-width: 20px; border-radius: 20px; background: rgb(0, 128, 179); color: #ffffff; box-shadow: 1px 1px 10px 0px #cccccc; }
.special .specialList .goToAbstract { background: transparent url("../images/ico-abstract.svg") no-repeat right center; position: absolute; top: 12px; right: 10px; height: 48px; width: 48px; text-align: right; }
.special .specialList .goToAbstract:hover { background: transparent url("../images/ico-abstract_hover.svg") no-repeat right center; position: absolute; top: 12px; right: 10px; height: 48px; width: 48px; text-align: right; }
/* LISTE DES SESSIONS *************************************************************************************/
.highlight { background-color: yellow; }
.data-day-content { background-color:#ffffff; }
h2.data-day { font-size:26px; background: transparent url("../images/picto-calendar-day.png") no-repeat left 18px; padding-left:38px; padding-top:12px; font-weight: normal; margin-left: 1%; }
h2.data-day::first-letter, .sessionDetail .sessionDate::first-letter { text-transform:uppercase; }
ul.sessions { clear:left; list-style:none; padding:0; margin:0; background:url("../images/data-day-bg-fleche.png") no-repeat -46px -2px #f5f8fa; padding-top:30px; padding-bottom:35px; padding-left: 1%; }
ul.sessions li { border:none; position:relative; cursor:pointer; overflow:hidden; padding: 12px 10px 12px 10px; border-bottom: 1px solid #ccc; white-space: nowrap;}
ul.sessions li header { }
ul.sessions li header .bookmark { display:none; background:transparent url("../images/bookmark.png") no-repeat left top; width:20px; height:20px; top:33px; left:7px; text-indent:-8000px; position:absolute }
ul.sessions li header .dpc { padding: 4px 4px 4px 4px; margin: 0 0 0 10px; font-size: 1em; background-color: #e3e7e9; border-radius: 5px; }
ul.sessions li header .interactive { background: transparent url("../images/picto/interactif25x25.png") no-repeat left top;background-size:20px 20px; width: 20px; height: 20px; margin-top: 5px; margin-left:10px; }
ul.sessions li header .interpret { background: transparent url(../images/picto/interpret25x25.png) no-repeat center;width: 30px;margin-left: 5px;height: 30px; top: 28px;}
ul.sessions li header .questions { background: transparent url(../images/picto/question.png) no-repeat center; width: 30px; margin-left: 5px; height: 30px; top: 28px; }
ul.sessions li header .chat-with-moderation {
background: transparent url(../images/picto/chat.png) no-repeat center;
width: 20px;
margin-left: 5px;
height: 20px;
margin-top: 5px;
background-size: contain
}
ul.sessions li header .evaluation { background: transparent url(../images/picto/rating.png) no-repeat center; width: 20px; margin-left: 5px; height: 20px; margin-top: 5px; background-size: contain }
ul.sessions li.bookmarked header .bookmark { display:none }
ul.sessions li .sessionInfo { display:none; padding:5px 5px 32px 5px }
ul.sessions li.expanded .sessionInfo { display:block }
ul.sessions li .btnSeeSession { background:transparent url("../images/ico-next.png") no-repeat right center; position: absolute; top: 12px; right: 10px; height: 48px; width: 48px; text-align: right; }
ul.sessions li.expanded .btnSeeSession { background:transparent url("../images/arrow_down.png") no-repeat right top }
ul.sessions .data-time { float:left; font-size: 17px; margin-right:1%; color:#8f9500 }
ul.sessions .codeCouleur { float:left; width:5px; height:40px; margin-right:6px }
ul.sessions .type { display:flex; flex-direction: row; width:30%; color:#4c626c; font-size: 1.1em; }
ul.sessions .title {display: flex;align-items: baseline; float:left; width:70%; font-weight:bold; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-size: 1.3em; color: #2c3940; }
ul.sessions .title .data-session-ref { white-space: pre; }
ul.sessions .room{ font-size: 1.1em; font-weight:bold; float: right; margin-right:5%; background: #ffffff; color: #4c626c; padding: .5em; margin-top: 2px; box-shadow: 1px 1px 10px 0px #ccc; text-align:center; /*Selon le nom des salles pour chaque congres et eviter l effet escalier*/ min-width:150px }
ul.sessions .schedule { display:none }
ul.sessions .moderators, ul.sessions .objectives { font-size:80%; color:#666; display:block; margin:2px 0 }
ul.sessions .moderators .label, ul.sessions .objectives .label { font-weight:bold }
ul.sessions .seeSessionDetail { background:#444; color:#fff; padding:5px 10px; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:absolute; right:5px }
ul.sessions .organizers {float:left; color: #687c86; width: 67%; margin-top: 0.6%;}
ul.sessions .organizer { display:none; float: left; margin-right: 0.2%;}
ul.sessions .data-organizer ul {display: inline; margin-left: -38px; float: left; }
ul.sessions .data-organizer ul li{display: inline; padding: .3em; margin: 0 1em 0 0; //background-color: #4c626c; border-radius: 5px; color: #522a5b; border:1px solid #522a5b}
.specialView h2, .sessionList h2 { clear:left; font-size:130% }
/* SESSION DETAILS *****************************************************************************************/
#navPane2 { left:100% !important; padding: 0; width:100%; }
.session .sessionDetail .sessionHeader, .special .specialHeader { position:relative; }
.sessionHeader .sessionDateBox { padding: 0 2%; float: left; }
.sessionDetail .sessionHeader .printSession { float: left; padding-left: 39px; padding-top: 9px; padding-right: 4px; position: relative; top: 10px; height: 27px; background: #ef930c url(../images/panel_print_white.png) no-repeat left top; cursor: pointer; font-weight: bold; color: white; }
.sessionHeader .sessionDate { display: inline-block; font-size:26px; background: transparent url("../images/picto-calendar-day.png") no-repeat left center; padding-left:30px; margin-top:15px; margin-bottom:15px; font-weight: normal; }
.addBookmark, .deleteBookmark { float:right; font-size:90%; padding:2px 0 0 23px; height:18px; background:transparent url("../images/addProg.png") no-repeat left top; cursor:pointer; margin:5px 15px 0 0; color:#4c626c; display:none; }
.addBookmark:hover, .deleteBookmark:hover { text-decoration:underline; color:#4c626c }
.deleteBookmark { background:transparent url("../images/deleteProg.png") no-repeat left top }
.sessionDetail, .special { float:left; width:100%; margin:0px; -moz-box-shadow: 0px 50px 100px 0px #cfcfcf; padding: 0; }
/* pour IE9 et + ce hack ci-dessous peut etre fait avec les commentaires conditionnels d'IE : [if gte IE 9]*/
@media only screen {
#selecteur { filter: none; }
} /*Ie9+*/
}
.sessionDetail .sessionInfo { border:1px solid #dedede; }
.sessionDetail .tools { width:29%; float:left; padding:0; margin:0; list-style-type:none }
.sessionDetail .sessionInfo header { font-weight:bold; padding:5px }
.sessionDetail .sessionInfo section { padding:1em }
.sessionDetail .sessionInfo .title { font-weight:bold }
.sessionDetail .sessionInfo .moderators, .sessionDetail .sessionInfo .objectives { font-size:.85em; margin-top:2px; color:#666; display: block; }
.sessionDetail .sessionInfo .moderators .roleName { font-weight: bold; }
.sessionDetail .sessionInfo .room { float:right; background:#fff; padding:5px; font-size:85% }
.sessionDetail .roomName { /*float: right;*/ background: #fff; color: #455a64; padding: 5px; font-size: 1.2em; min-width: 50px; width: auto; margin-top: 0; }
.sessionDetail .sessionInfosProgrammes { float:right; margin-right: 1% }
.sessionDetail .sessionProgram li.programme { display: inline-block; padding: .5em; margin: 0 1em 0 0; font-size: 1.1em; background-color: #e3e7e9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sessionDetail .organizers { padding:1% 2%; }
.sessionDetail .organizers .roleName { color: #687c86; }
.sessionDetail .organizers ul { margin:0; padding:0; margin-top:8px; }
.sessionDetail .organizers ul li { display:inline-block; list-style:none; margin-right:10px; }
.sessionDetail .organizers ul li .name { }
.sessionDetail .organizers ul li img { height: 100px; width: 100px; object-fit: contain; }
.sessionDetail .partners { padding:1% 2%; }
.sessionDetail .partners .roleName { color: #687c86; }
.sessionDetail .partners ul { margin:0; padding:0; margin-top:8px; }
.sessionDetail .partners ul li { display:inline-block; list-style:none; margin-right:10px; }
.sessionDetail .partners ul li .name { }
.sessionDetail .partners ul li img { height: 100px; width: 100px; object-fit: contain; }
/*.specialList, .sessionDetail .interventionsList { float: left; width: 96%; padding:1% 2%; }*/
.specialList ul, .sessionDetail .interventionsList ul { padding: 0; list-style: none; }
.specialList ul li, .sessionDetail .interventionsList ul li { margin: 5px 0; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); padding: 5px 16px 21px 16px; position: relative; display:inline-block; width:98%; border-bottom: 1px dashed #4c626c; }
.sessionDetail .interventionsList .interverventionTitle, .special .specialList .title { font-weight: bold; font-size: 1.1em; display: inline-block; padding-bottom: 0.4%; width:100%}
.sessionDetail .interventionsList .interventionSpeaker { color: #4c626c; display: block; }
.special .specialList .speaker { color: #4c626c; display: inline-block; }
.sessionDetail .interventionsList .interventionSpeaker .person.doi, .special .specialList .person.doi, .sessionDetail .sessionModerator .person.doi { cursor:pointer }
.sessionDetail .interventionsList .interventionSpeaker .person.doi:hover, .special .specialList .person.doi:hover, .sessionDetail .sessionModerator .person.doi:hover, .sessionDetail .sessionModerator .person.doi:hover span.speakerAddress { font-weight: bold; color: #91c9ee !important; }
.sessionDetail .interventionsList .interventionSpeaker .speakerAddress { font-style:italic }
.sessionDetail .interventionsList .interventionSpeaker .role-1, .special .specialList .speaker .role-1 { color: #2c3940; font-weight: bold; padding-bottom: 0.2%; display: inline-block; }
.sessionDetail .interventionsList .interventionSpeaker .presence.notAnswered,
.sessionDetail .sessionModerator .presence.notAnswered {
background: transparent url(../images/picto/ico_presence_unknown.svg) no-repeat center;
background-size: contain;
height: 20px;
width: 20px;
margin-left: 5px;
display: inline-block;
}
.sessionDetail .interventionsList .interventionSpeaker .online {
background: transparent url(../images/online-chat.png) no-repeat center;
background-size: contain;
height: 20px;
width: 20px;
margin-left: 5px;
display: inline-block;
}
.sessionDetail .sessionModerator .role {
display: flex;
}
.sessionDetail .sessionModerator .intervenantContainer {
display: flex;
align-items: center;
}
.sessionDetail .sessionModerator .online {
background: transparent url(../images/online-chat.png) no-repeat center;
background-size: contain;
height: 20px;
width: 20px;
margin-left: 5px;
}
.sessionDetail .sessionModerator .online {
margin-bottom: 4px;
}
.sessionDetail .interventionsList .interventionTime { font-size: 1.2em; text-align: right; color: #c9d101; }
.sessionDetail .interventionsList .interventionNumber, .special .specialList .specialNumber { clear:both; display:block; color:#2c3940 }
.sessionDetail .interventionsList .interventionComment { display:none; }
.row .col-1 { width: 5.33333333%; min-width: 45px; float:left; min-height: 15px; }
.row .col-10 { width: 83.33333333%; float:left }
.sessionDetail .interventionsList .linkToAbstract a.goToAbstract { background: transparent url("../images/ico-abstract.svg") no-repeat right center; position: absolute; top: 1px; right: 5px; height: 48px; width: 48px; text-align: right; }
.sessionDetail .interventionsList .linkToAbstract a.goToAbstract:hover { background: transparent url("../images/ico-abstract_hover.svg") no-repeat right center; }
.sessionDetail .tools li { font-size:90%; line-height:12px; margin:0 0 8px 5px; padding:5px 0 0 30px; min-height:20px; cursor:pointer }
.sessionDetail .tools li.save { background:transparent url("../images/tool_save.png") no-repeat left top }
.sessionDetail .tools li.unsave { background:transparent url("../images/deleteProg.png") no-repeat 3px 2px }
.sessionDetail .tools li.see { background:transparent url("../images/tool_see.png") no-repeat left top }
.sessionDetail .tools li.pdf { background:transparent url("../images/tool_pdf.png") no-repeat left top }
.sessionDetail .tools li.share { background:transparent url("../images/tool_share.png") no-repeat left top }
.sessionDetail .tools li.addComment { background:transparent url("../images/tool_addComment.png") no-repeat left top }
.session .sessionDetail.bookmarked .tools li.save { display:none }
.session .sessionDetail.bookmarked .tools li.unsave { display:block }
.session .sessionDetail .tools li.unsave { display:none }
.sessionLine, .special .specialName { display: block; background:url("../images/data-day-session-detail-bg-fleche.png") no-repeat left top #2c3940; padding: 30px 2% 20px; margin-top: 15px; margin-bottom:15px; clear: both; }
.sessionTime { font-weight: bold; color: #d2da03; display: inline-block; min-width: 120px; float:left; }
.sessionDetail .sessionTimeStart, .sessionDetail .sessionTimeEnd { font-size: 1.3em; }
.sessionLine .sessionTitle, .sessionLine .data-session-ref, .special .specialName h2 { font-size: 1.5em; font-weight: bold; display: inline; color:#ffffff }
.sessionDateBox { display: flex;flex-direction: row }
.shareContent { display: flex;flex-direction: row;margin-left: 12em }
.shareContent a { margin: 0 .2em 0 0;}
.shareContent a::before {content: "";display: inline-block;vertical-align: middle;mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;mask-position: center;-webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain;background-color: grey;height: 24px;width: 24px; }
.shareContent .facebook a::before {background: url(../images/facebook_icon.svg) no-repeat center center;background-size: contain}
.shareContent .twitter a::before { background: url(../images/twitter_icon.svg) no-repeat center center;background-size: contain}
.shareContent .linkedin a::before { background: url(../images/linkedin_icon.svg) no-repeat center center;background-size: contain}
.shareContent .sendMail a::before {background: url(../images/mail_icon.svg) no-repeat center center;background-size: contain}
.titleContainer {display: flex;justify-content: space-between}
.sessionDetail .sessionLine .titleContainer .sessionTitle.data-session-ref { font-weight: 700; display: unset; }
.sessionDetail .sessionType { font-size: 1.1em; display: flex; color:#ffffff; line-height:30px; position:relative; }
.sessionDetail .sessionType .bookmark { display:none; margin-left: 5px;background: transparent url("../images/bookmark.png") no-repeat left top; width: 20px; height: 20px; top: 5px; left: 5px; text-indent: -8000px; /*position: absolute;*/ }
.sessionDetail .sessionType .dpc { padding: 4px 4px 4px 4px; margin: 0 0 0 10px; font-size: 1em; background-color: #e3e7e9; border-radius: 5px; }
.sessionDetail .sessionType .interactive { background: transparent url("../images/picto/interactif20x20.png") no-repeat left top; width: 20px; height: 20px; top: 5px; /*position:absolute*/; margin-left:10px; }
.sessionDetail .sessionType .interpret { background: transparent url("../images/picto/interpret25x25.png") no-repeat left top; width: 25px; height: 25px; top: 5px; /*position:absolute*/; margin-left:10px; }
.sessionDetail .sessionType .questions { background: transparent url("../images/picto/question.png") no-repeat left top; width: 25px; height: 25px; top: 5px; /*position:absolute*/; margin-left:10px; }
.sessionDetail .sessionType .chat-with-moderation {
background: transparent url("../images/picto/chat.png") no-repeat left top;
width: 20px;
height: 20px;
top: 5px; /*position:absolute*/
;
margin-left: 10px;
background-size: contain;
}
.sessionDetail .sessionType .evaluation { background: transparent url("../images/picto/rating.png") no-repeat left top; width: 20px; height: 20px; top: 5px; /*position:absolute*/; margin-left:10px; background-size: contain; }
.sessionDetail .codeCouleur { float: left; width: 5px; height: 45px; background-color:#ffffff; margin: 5px 9px 5px 12px; }
.sessionDetail .sessionModerator { padding: 0 2%; display: inline-block; color:#2c3940; line-height:21px; }
.sessionDetail .sessionModerator .chairSeparator { margin-right: 4px; }
.sessionDetail .roleNameSeparator { margin-right: 4px; }
.sessionDetail .sessionModerator span.roleName { color:#687c86 }
.sessionDetail .sessionModerator span.speakerAddress { color:#4c626c; font-style:italic; }
.sessionDetail .sessionObjectifs { display: block; margin: 10px 2% 0; color: #4c626c; border: 1px solid #b7c0c4; padding: 10px; background: #f5f8fa; clear:both; }
.sessionDetail .sessionObjectifs .sessionObjectifsLabel { font-size: 14px; color:#687c86; font-style: italic; }
.sessionDetail .sessionObjectifs ul { margin: 5px 0 0; font-weight:bold; padding-left:10px; }
.sessionDetail .sessionObjectifs ul li { list-style:none; line-height:20px }
.sessionDetail .sessionObjectifs ul li:before { color:#c9d101; content: "\2022 "; }
.session ul.interventions { clear:left; padding:0; list-style-type:none }
.session ul.interventions li { background:#fff; border:2px solid #dedede; position:relative; margin-bottom:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }
.session ul.interventions header { background:#dedede; padding:5px; min-height:35px; }
.session ul.interventions .time { vertical-align: top; }
.session ul.interventions .prefix { font-size: .85em; display: inline-block; margin: .15em 5px; vertical-align: top; color: #717171; }
.session ul.interventions .title { font-weight:bold; display: inline-block; width: 80%; }
.session ul.interventions .speaker { margin-left:40px; display: block; color:#666 }
.session ul.interventions .btnSeeAbstract { background:transparent url("../images/arrow_default.png") no-repeat right top; width:15%; position:absolute; top:5px; right:5px; height:30px; line-height:30px; text-decoration:none; color:#666; text-align:right; padding-right:35px }
.session ul.interventions .btnSeeAbstract:hover { text-decoration:underline }
.session ul.interventions li.expanded .btnSeeAbstract { background:transparent url("../images/arrow_down.png") no-repeat right top; }
.session ul.interventions li .labShowAbstract { display:inline }
.session ul.interventions li .labHideAbstract { display:none }
.session ul.interventions li.expanded .labShowAbstract { display:none }
.session ul.interventions li.expanded .labHideAbstract { display:inline }
.sessionDetail .sessionTagsBox, .sessionDetail .interventionTagsBox { padding:1% 2%; display:none; }
.sessionDetail .sessionTagsBox.show, .sessionDetail .interventionTagsBox.show { display: inline-block; }
.sessionDetail .sessionTagsBox .tagGroup .title, .sessionDetail .interventionTagsBox .tagGroup .title { display: inline-block; width: 100%; font-weight: bold; }
.sessionDetail .sessionTagsBox .sessionTag, .sessionDetail .interventionTagsBox .interventionTag { display:inline-block; border:1px solid #aab1b4; padding:8px 15px; border-radius:3px; margin-right:10px; color:#4c626c; }
.abstract { padding:10px; font-size:85%; display:none }
li.expanded .abstract { display:block }
.abstract h1 { font-size:100%; margin:0 }
.commentaires { float:left; width:100%; position:relative; margin-bottom:20px }
.commentaires h1 { font-size:100%; border-bottom:1px solid #dedede }
.commentaires ul { list-style-type:none; padding:0; font-size:85% }
.commentaires ul li { margin-bottom:2px }
.commentaires .date { color:#888 }
.commentaires .btnAddComments, .commentaires .btnShowMore { background:#444; color:#fff; border:none; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:7px 10px }
.commentaires .btnAddComments { position:absolute; top:15px; right:0; padding:7px 7px 7px 30px; background:#444 url("../images/btn_addComment.png") no-repeat 5px 5px }
/* ajout commentaires */
.addCommentBox { background:#444; text-align:center; margin-top:25px }
.addCommentBox textarea { font-family:"Verdana", sans-serif; width:40%; margin:10px 30%; height:100px; font-size:85% }
.addCommentBox .valider, .addCommentBox .cancel { background:#fff; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px 10px; cursor:pointer; margin-bottom:15px; border:1px solid #fff }
.addCommentBox .cancel { background:#444; color:#fff; margin-right:10px }
/* VUE SYNOPTIQUE **************************************************/
.specialView, .synoptic, .synopticroom, .typeView { float:left; width:100%; position:relative; -moz-transition-property:opacity; -o-transition-property:opacity; -webkit-transition-property:opacity; transition-property:opacity; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.5s; transition-duration:0.2s; }
.plannerView { overflow:hidden }
.plannerView .timeSection { float:left; width:100%; margin-bottom:20px }
.plannerView .timelineTools { float:left; width:16%; background:transparent url("../images/bg_zoom.png") no-repeat right center }
.plannerView .timelineTools .timerZoom span { width:45px; height:45px; float:right; margin-right:10px; cursor:pointer }
.plannerView .timelineTools .zoomLess { background:transparent url("../images/zoomMoins.png") no-repeat center top }
.plannerView .timelineTools .zoomMore { background:transparent url("../images/zoomPlus.png") no-repeat center top }
.plannerView.synoptic .timeZone { padding:0; margin:0; float:left; width:84%; height:30px; padding-top:15px; position:relative; overflow:hidden; background:transparent url("../images/bg_timeZone.png") repeat-x left top }
.plannerView.synoptic .timeZone ul { list-style-type:none; padding:0; margin:0; height:100%; white-space: nowrap; display:inline-block }
.plannerView.synoptic .timeZone ul li { position:relative; width:58px; padding-left:2px; font-weight:bold; display:inline-block }
.plannerView.synoptic .timeZone ul li.halfHour { font-weight:normal }
.plannerView.synoptic .timeGrid { position:absolute; top:1%; left:16%; height:99%; width:84%; overflow:hidden }
.plannerView.synoptic .timeGrid ul { list-style-type:none; margin:0; padding:0; height:100%; white-space:nowrap; display:inline-block }
.plannerView.synoptic .timeGrid ul li { position:relative; border-left:1px dotted #dedede; width:59px; height:100%; display:inline-block }
.plannerView .timeSection .leftArrow, .timeSection .rightArrow { width:4%; height:45px; float:left; cursor:pointer }
.plannerView .timeSection .leftArrow { background:transparent url("../images/leftArrow.png") no-repeat center top }
.plannerView .timeSection .rightArrow { background:transparent url("../images/rightArrow.png") no-repeat center top }
.plannerView.synoptic .roomsSection { float:left; width:16%; overflow:hidden; }
.plannerView.synoptic .roomsSection ul.rooms { list-style-type:none; padding:0; margin:0; overflow:auto; }
.plannerView.synoptic .roomsSection ul.rooms li.room { border-bottom:1px solid #dedede; height:70px; position: relative; }
.plannerView.synoptic .roomsSection ul.rooms li.room .capacity { position: absolute; top: 25px; top: calc(36px + .2em); right: 2em; font-weight: bold; font-size: .8em; left: 0.7em; }
.plannerView.synoptic .roomsSection ul.rooms li.room:nth-child(even), .synoptic .planerSection .roomListView ul:nth-child(even) { background:#f5f8fa }
.plannerView.synoptic .roomsSection ul.rooms .roomName { padding-left:3%; height:35px; padding-top:19px; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-weight:bold }
.plannerView.synoptic .planerSection { width:84%; float:left; /*-webkit-overflow-scrolling:touch;*/ overflow:hidden; }
.plannerView.synoptic .planerSection .roomListView { }
.plannerView.synoptic .planerSection .roomListView ul { height:70px; list-style-type:none; padding:0; margin:0; width:100%; position:relative; border-bottom:1px solid #dedede }
.plannerView.synoptic .planerSection .roomListView ul li.session { height:69px; width:100%; border:1px solid #cecece; position:absolute; cursor:pointer }
.plannerView.synoptic .planerSection .roomListView ul li.session .schedules { display: none; }
.plannerView.synoptic .planerSection .roomListView ul li.session .schedules .schedule { display: inline; }
.plannerView.synoptic .planerSection .roomListView ul li.session .data-session-ref { font-style: italic; font-size: .9em; }
.plannerView.synoptic .planerSection li.session .codeCouleur { display:block; height:5px }
.plannerView.synoptic .planerSection li.session .title { display:block; text-align:center; background:#fff; padding:5px; margin:auto; overflow:hidden; position: relative; height:54px; line-height:18px;}
.plannerView.synoptic .planerSection li.session.ellipsis .title:after { content: '...'; position: absolute; bottom: 0; right: 0; }
.plannerView.synoptic .planerSection li.session.ellipsis .title:before { content: ' '; display: block; position: absolute; bottom: 0; right: 0; left: 0; height: 3px; background: #fff; }
.plannerView.synoptic .planerSection li.bookmarked .title { background:#fff url("../images/bookmark_small.png") no-repeat left top; padding:5px 15px }
.plannerView.synoptic .planerSection li.session .info { background:#fff; padding-left:5px; margin:auto; overflow:hidden; height: 21px; line-height: 18px;position: absolute;bottom: 0px;width: 100%;margin-left: -6px; justify-content: center;} }
.plannerView.synoptic .planerSection li.session .info .dpc { padding: 2px 5px 2px 5px; margin: 0 0 0 0; font-size: 1em; background-color: #e3e7e9; border-radius: 5px; width:26px; }
.plannerView.synoptic .planerSection li.session .info .interactive { background: transparent url("../images/picto/interactif20x20.png") no-repeat left top; height: 25px; width: 25px; }
.plannerView.synoptic .planerSection li.session .info .interpret { background: transparent url("../images/picto/interpret25x25.png") no-repeat left top; height: 25px; width: 25px; }
.plannerView.synoptic .planerSection li.session .info .question { background: transparent url("../images/picto/question.png") no-repeat left top; height: 25px; width: 25px; }
.plannerView.synoptic .planerSection li.session .info .evaluation { background: transparent url("../images/picto/rating.png") no-repeat top left; background-size: contain;width: 20px;height: 25px;}
.plannerView.synoptic .planerSection li.session .titleType {display:none}
.specialView ul.themes li.theme { height: 22px; }
.specialView ul.themes li.theme a.btnSeeInterventions { top: 0; }
.specialView ul.themes li.theme .title { float: left; width: 70%; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.3em; color: #2C3940; }
.specialView ul.themes li.theme .count { font-size: 1.1em; font-weight: bold; float: right; margin-right: 5%; background: #FFF none repeat scroll 0% 0%; color: #4C626C; padding: 0.5em; margin-top: -3px; box-shadow: 1px 1px 10px 0px #4C626C; text-align: center; min-width: 150px; }
.plannerView.synoptic .modeSynoptic{position: absolute;top: 10px;left: 15px;}
/* Vue synoptique *******************************************************/
.plannerRoomView { overflow:hidden }
.plannerRoomView .roomSection { float:left; width:100%; margin-bottom:20px }
.plannerRoomView .timelineTools { float: left;width: 12%;background: transparent url("../images/bg_zoom.png") no-repeat right center}
.plannerRoomView .timelineTools .timerZoom span { width: 45px;height: 45px;float: right;margin-right: 10px;cursor: pointer}
.plannerRoomView .timelineTools .zoomLess {background: transparent url("../images/zoomMoins.png") no-repeat center top}
.plannerRoomView .timelineTools .zoomMore {background: transparent url("../images/zoomPlus.png") no-repeat center top}
.plannerRoomView.synopticroom .roomZone {padding: 0;margin: 0;float: left;width: 88%;height: 30px;padding-top: 15px;position: relative;overflow: hidden;background: transparent url("../images/bg_timeZone.png") repeat-x left top}
.plannerRoomView.synopticroom .roomZone ul { list-style-type:none; padding:0; margin:0; height:100%; white-space: nowrap; display:block }
.plannerRoomView.synopticroom .roomZone ul li { position:relative; width:164px; font-weight:bold; display:inline-block; text-align:center }
.plannerRoomView.synopticroom .roomZone ul li div.roompad{padding-left:10px}
.plannerRoomView .roomSection .leftArrow, .roomSection .rightArrow { width:4%; height:45px; float:left; cursor:pointer }
.plannerRoomView .roomSection .leftArrow { background:transparent url("../images/leftArrow.png") no-repeat center top }
.plannerRoomView .roomSection .rightArrow { background:transparent url("../images/rightArrow.png") no-repeat center top }
.plannerRoomView.synopticroom .timesSection { width: 100%;overflow: hidden;position: absolute;top: 45px; }
.plannerRoomView.synopticroom .timesSection ul.times { list-style-type:none; padding:0; margin:0; overflow:auto; }
.plannerRoomView.synopticroom .timesSection ul.times li.time { border-bottom:1px solid #dedede; position: relative; }
.plannerRoomView.synopticroom .timesSection ul.times li.time span{ position: absolute; padding-left:1% }
.plannerRoomView.synopticroom .timesSection ul.times .time { height:34px; overflow:hidden; }
.plannerRoomView.synopticroom .timesSection ul.times .time .halfHour{padding-left:2%; font-size:x-small; color:gray }
.plannerRoomView.synopticroom .planerSection { width: 88%;float: left;overflow: hidden;left: 12%;position: relative}
.plannerRoomView.synopticroom .planerSection .timeListView { }
.plannerRoomView.synopticroom .planerSection .timeListView ul { display:inline-block; height:100%; list-style-type:none; padding:0; margin:0; width:162px; position:relative; border:1px solid #dedede }
.plannerRoomView.synopticroom .planerSection .timeListView ul li.session { width:160px; border:1px solid #cecece; background:#fff; position:absolute; cursor:pointer; }
.plannerRoomView.synopticroom .planerSection .timeListView ul li.session .schedules { display: none; }
.plannerRoomView.synopticroom .planerSection .timeListView ul li.session .schedules .schedule { display: inline; }
.plannerRoomView.synopticroom .planerSection .timeListView ul li.session .data-session-ref { display:none; }
.plannerRoomView.synopticroom .planerSection li.session .codeCouleur { display:block; height:5px }
.plannerRoomView.synopticroom .planerSection li.session .title { display:block; text-align:center; padding:5px; margin:auto; overflow:hidden; position: relative; }
.plannerRoomView.synopticroom .planerSection li.session .titleType {display:none}
.plannerRoomView.synopticroom .planerSection li.bookmarked .title { background:#fff url("../images/bookmark_small.png") no-repeat left top; padding:5px 15px }
.plannerRoomView.synopticroom .modeSynoptic{position: absolute;top: 12px;left: 15px;}
.plannerRoomView.synopticroom .planerSection li.session .info { background:#fff; padding-left:5px; margin:auto; overflow:hidden; line-height: 18px;position: absolute;bottom: 0px;width: 100%; justify-content: center;} }
.plannerRoomView.synopticroom .planerSection li.session .info .dpc { padding: 2px 5px 2px 5px; margin: 0 0 0 0; font-size: 1em; background-color: #e3e7e9; border-radius: 5px; width:26px; }
.plannerRoomView.synopticroom .planerSection li.session .info .interactive { background: transparent url("../images/picto/interactif20x20.png") no-repeat left top; height: 25px; width: 25px; }
.plannerRoomView.synopticroom .planerSection li.session .info .interpret { background: transparent url("../images/picto/interpret25x25.png") no-repeat left top; height: 25px; width: 25px; }
.plannerRoomView.synopticroom .planerSection li.session .info .question { background: transparent url("../images/picto/question.png") no-repeat left top; height: 25px; width: 25px; }
.plannerRoomView.synopticroom .planerSection li.session .info .evaluation { background: transparent url("../images/picto/rating.png") no-repeat top left; background-size: contain;width: 20px;height: 25px;}
.plannerRoomView.synopticroom .planerSection li.session .titleType {display:none}
.plannerRoomView.synopticroom .planerSection li.session .data-session-ref { font-style: italic; font-size: .9em; }
/* TRANSITIONS - ANIMATION **********************************************/
#navigationView { overflow: hidden; height:100%; left:58px; background-color: #f5f8fa; }
.navPane { overflow-y: auto; height: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; }
.navPaneAnimatedPush { width:100% }
.navPaneAnimatedPop { width:0%;}
.filters.show { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); padding-top: 67px; }
.fadeOut { opacity:0 }
.sessions_content { clear:both; overflow:auto; -moz-transition-property:opacity; -o-transition-property:opacity; -webkit-transition-property:opacity; transition-property:opacity; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s }
/* CODES COULEURS - TYPE DE SESSIONS *******************************/
.type0 .codeCouleur, .sessionInfo.type0 header { background:#dedede }
.type1 .codeCouleur, .sessionInfo.type1 header { background:#ffcc00 }
.type2 .codeCouleur, .sessionInfo.type2 header { background:#55ccff }
.type3 .codeCouleur, .sessionInfo.type3 header { background:#55ff66 }
.type4 .codeCouleur, .sessionInfo.type4 header { background:#cc6600 }
.type5 .codeCouleur, .sessionInfo.type5 header { background:#ee5587 }
.type6 .codeCouleur, .sessionInfo.type6 header { background:#55aa99 }
.type7 .codeCouleur, .sessionInfo.type7 header { background:#dd55dd }
.type8 .codeCouleur, .sessionInfo.type8 header { background:#55ee66 }
.type9 .codeCouleur, .sessionInfo.type9 header { background:#333dde }
.overlay.notCompatible { background:#fff; opacity:.96; z-index:800; position: fixed; width: 100%; height: 100%; }
.notCompatible .textOvelay { margin-top:0 }
.notCompatible .wrapper, .noscript .textOvelay { border:1px solid #cd2929; width:600px; margin:80px auto; padding:20px; text-align:center }
.noscript .textOvelay { background:#CD2929; color:#fff }
.notCompatible ul.compatibleList { width:240px; text-align:left; margin:0 auto 20px }
.notCompatible ul.compatibleList li { }
/* panel droit ***********************************************************************/
.slidingWindow { font-family: 'Helvetica Neue', Helvetica, 'Verdana', sans-serif; }
.slidingWindow.overlay .title { color:#d2db21; margin-bottom: 10px; font-size: 24px; font-weight: normal; padding-left: 6px; }
.slidingWindow.overlay .wrapper .close { text-indent:-5000px; background:transparent url("../images/btnCLose2.png") no-repeat right top !important; height:25px !important; width:25px !important; cursor:pointer; border:none !important; }
.slidingWindow .table thead tr th { background:none; margin-top:20px }
.slidingWindow td .action.remove { background: #bdc51e url("../images/picto/icoRemove.png") no-repeat center center; border-radius: inherit; border: inherit; text-indent: -5000px; height: 39px; width: 39px; float:right; }
.slidingWindow .AbstractContentBox { color:#fff; width:95%; text-align:justify }
.slidingWindow .AbstractContentBox .abstract { display:block; padding:0 }
.slidingWindow .AbstractContentBox .paragraph { margin-bottom:15px; }
.slidingWindow .AbstractContentBox .authors { font-size:1em; font-style:italic }
.slidingWindow .AbstractContentBox .authors .author { font-size:1.1em; }
.slidingWindow .AbstractContentBox .authorsLocation { font-size: 0.9em; color:#b9bec1 }
.slidingWindow .AbstractContentBox .paragraphTitle, .slidingWindow .AbstractContentBox .refbiblio .SubmissionRefBiblioTitle { color: #d2db21; font-size: 1.2em; margin-top:20px; font-weight:normal; }
.slidingWindow .AbstractContentBox .paragraph .paragraphContent p { margin:0; font-size:14px; }
.slidingWindow .AbstractContentBox .titles span { font-size:1.6em; font-weight:normal }
.slidingWindow .AbstractContentBox .paragraph ul { padding-left:30px; font-size: 14px; }
.slidingWindow .AbstractContentBox .refbiblio ul li { font-size:14px; color:#ffffff }
.slidingWindow .AbstractContentBox .refbiblio ul { margin-top:3px }
.glassPaneBox { top:0 }
.slidingWindow.overlay .wrapper .close { background: transparent url("../images/BtnClose2.png") no-repeat right top !important; border-radius: initial; }
ul.sessions .title { width: 55%; }
.slidingWindow.schedule-doidetails { position: inherit !important; }
.contentValidate:after{ content: ' '; display: block; clear: both; }
.contentValidate {/*min-height: 500px;*/ width: 73%; height: auto !important; /*overflow-y: scroll;*/ }
#ui-datepicker-div .ui-widget-header .ui-icon { background-image: url(smoothness/images/ui-icons_ffffff_256x240.png); }
#ui-datepicker-div .ui-widget-header {color:#ffffff}
#ui-datepicker-div .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
#ui-datepicker-div .ui-timepicker-div dl { text-align: left; }
#ui-datepicker-div .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; font-weight:bold; }
#ui-datepicker-div .ui-timepicker-div dl dd { margin: 0px 10px 10px 65px; }
#ui-datepicker-div .ui-timepicker-div dl dd .ui-widget-content {border-radius:4px; border:1px solid #dddddd; margin-top: 4px;}
#ui-datepicker-div .ui-timepicker-div td { font-size: 90%; }
#ui-datepicker-div .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
#ui-datepicker-div .ui-timepicker-rtl{ direction: rtl; }
#ui-datepicker-div .ui-timepicker-rtl dl { text-align: right; }
#ui-datepicker-div .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
input[type="radio"] {
position: absolute;
left: -9999px;
}
input[type="radio"]:not(:checked) + label:after {
opacity: 0;
}
input[type="radio"]:checked + label:after {
opacity: 1;
}
input[type="radio"]:disabled + label:before {
background: #d4e2e8;
}
input[type="radio"]:disabled + label:after {
color: #b3ccd6;
}
input[type="radio"].error + label:before {
background: #ff9090;
}
input[type="radio"].accept:checked + label:after {
background: #9CA41D;
}
input[type="radio"].refuse:checked + label:after {
background: #B71B1C;
}
input[type="radio"].accept:checked:disabled + label:after {
background: #575757;
}
input[type="radio"].refuse:checked:disabled + label:after {
background: #948f8f;
}
input[type="radio"].error + label:after {
color: #ffffff;
}
input[type="radio"].small + label {
padding: 0 0 0 15px;
}
input[type="radio"].small + label:before {
margin-top: 3px;
width: 10px;
height: 10px;
}
input[type="radio"].big + label {
padding: 0 0 0 25px;
}
input[type="radio"].big + label:before {
margin-top: -3px;
width: 20px;
height: 20px;
}
input[type="radio"] + label {
position: relative;
padding: 2px 0 0 20px;
cursor: pointer;
line-height: 20px;
text-align: left;
font-weight: bold;
}
input[type="radio"] + label.text:before {
content: '[\0000a0\0000a0]';
position: absolute;
left: 0;
top: 0;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type="radio"] + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 15px;
background: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
border: 1px solid #D9D9D9;
-webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
}
input[type="radio"].small + label:after {
top: 6px;
left: 3px;
width: 6px;
height: 6px;
}
input[type="radio"] + label:after {
content: ' ';
position: absolute;
top: 3px;
left: 3px;
width: 11px;
height: 11px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: #9CA41D;
}
input[type="radio"].big + label:after {
top: 1px;
left: 4px;
width: 14px;
height: 14px;
}
/****************** PAGE VALID INTERVENANT ********************************/
.validIntervenant { font-size: 150% !important;}
.validIntervenant #noSession { font-size: 1.8em; background: transparent url(../images/info2.png) no-repeat left top; padding: 12px 0 12px 50px; float: left; width: 100%; color: #4C626C;}
.validIntervenant .synopticHeader h1 {display:none;}
.validIntervenant .infos { font-size:1.3em; font-weight:bold; text-align:center; padding:11px 0; display: inline-block; color:#888888; background:url("../images/picto/picto_info.png ") no-repeat left center; padding-left: 30px; margin-left: 10px; }
.validIntervenant .sessionInfosTop {/*display:none;*/}
.validIntervenant .sessionDetail { border-top:none }
.validIntervenant .sessionDetail .session { width:96%; padding:0 2% }
.validIntervenant .sessionDetail .sessionHeader .hasdeclaration { display:none }
.validIntervenant .sessionDetail .sessionHeader .hasdeclaration.no { background: url(../images/add_dark.svg) no-repeat 5px center; display:block; float:right; font-weight: bold; margin-right: 25px; color: #455A64; background-color: #ffffff; padding:5px 10px 5px 30px; cursor:pointer; border-radius:2px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); }
.validIntervenant .sessionDetail .sessionHeader .hasdeclaration.yes { background:#C0C934 url(../images/InfosCompletesOK.png) no-repeat 4px center; display: block; margin-top:12px; float:right; font-weight: bold; margin-right:25px; color:#FFFFFF; padding: 5px 10px 5px 23px; cursor: pointer; border-radius:2px }
.validIntervenant .sessionDetail .interventionsList ul li { border-radius: 4px; border: none; padding: 10px; background-color: #FFFFFF; width:100%; filter : alpha(opacity=60); opacity : 0.6; }
.validIntervenant .sessionDetail .interventionsList ul li.myIntervention { filter : alpha(opacity=100); opacity : 1; }
.validIntervenant .sessionDetail .sessionModerator { float:left; width:58%; min-height: 52px; padding-left: 0%; padding-right:0 }
.validIntervenant .validations { float:right; background-color:#f6f6f6; border-radius: 4px;/*padding:0 20px*/ }
/*.validIntervenant .col-1 { width:5% }
.validIntervenant .col-10 { width:95% }*/
.validIntervenant .interventionDetails { float:left; width: 60%; min-height: 48px;}
.validIntervenant .validateSession,
.validIntervenant .validateIntervention,
.validIntervenant .validateCopyright { text-align:right; padding:5px 2px }
.validIntervenant .validateIntervention.disabled, .validIntervenant .validateSession.disabled{ background-color: #cccccc }
.validIntervenant .interventionsList ul { margin:inherit }
.validIntervenant .loadingBox{ background: url('../images/loading.gif') no-repeat scroll right center transparent; height: 80px; margin-right: 50%; margin-top: 20%; display:none; }
.validIntervenant .waitingOverlay{ position : absolute; top:0; left:0; width:100%; height:100%; z-index:28; background-color: #000; opacity: 0.5; display:none; }
.validIntervenant input[type="radio"] + label { margin: 0 7px; }
.validIntervenant #validateAll { background-color:#C0C934; border-radius:2px; padding:8px 12px; border:none; font-size:1.2em; color:#FFFFFF; font-weight:bold; margin-bottom:15px; float:right; margin-right: 2%; cursor:pointer; margin-top:20px; text-transform: uppercase; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1) }
.validIntervenant #validateAll:hover {box-shadow: none;}
.validIntervenant .closeSchedule { display:none }
.validIntervenant .sessionDetail .interventionsList ul li { display: flex !important; flex-wrap:wrap; flex-direction: row;}
.validIntervenant .sessionDetail .interventionsList ul li .timeContainer { flex-grow: 0; margin-right: 10px;}
.validIntervenant .sessionDetail .interventionsList ul li .detailsContainer { flex-grow: 2;}
.validIntervenant .sessionTypeText {padding-left:15px;}
.application.schedule.public .accountBox .name{ display:none;}
.application.schedule.public.validIntervenant .accountBox .name{ display:block;}
.application.schedule.public.monPlanning .accountBox .name{ display:block;}
.application .aside { color: #ffffff; position: absolute; bottom: 5px; right: 5px; }
.application .aside .name { font-weight: 700; }
.application .accountBox { height: 30px; text-align:left; background:#3d4f57 url("../images/user_icon.png") no-repeat 5px 8px; padding:10px 10px 10px 50px; top:0; bottom:inherit; right:90px;
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
/* Account display and edit*/
.icon-field { background: left 5% / 15px 15px no-repeat; padding-left: 20px;}
.phoneDisplay { background-image: url(../images/phone.svg); font-size: 1.2rem; margin: 5px 0;}
.mailDisplay { background-image: url(../images/mail.svg); font-size: 1.2rem; margin: 5px 0;}
.alert-info { background-image: url(../images/picto/conflict-level-0.png); color: #3F51B5; font-size: 12px;}
.modify-icon { background: #FFFFFF no-repeat url(../images/edit.svg) center center; width: 30px;height: 30px; bottom: -5px; right: -8px; position: absolute;box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius:50%;}
/*.userContent {padding: 10px; margin-right: 20px;}*/
.userContent .userName {font-weight: bold;font-size: 1.4rem;color: #455A64;}
.userContent #modify { margin-top: 15px;}
.userContent #modify button {color: #ffffff; font-weight: bold; border: none; padding: 4px 8px; border-radius: 2px; background-color: #455a64; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-size: 1.2rem;}
.userContent #modify button:hover { box-shadow: none;}
.userContent #modifyPhoto { position: relative; cursor: pointer; margin-right: 25px;}
.userContent #profilePicture { border-radius: 50%;height: 60px; width: 60px;display: inline-block;}
.userContent .userContact {font-size: 1.1rem;color: #455A64;}
.userContent .userInfo { display: flex; flex-direction: row;}
.slidingWindow.overlay > .wrapper.accountEdit .close,
.slidingWindow.overlay > .wrapper.edit .close {
border: none;
height: 40px;
width: 40px;
text-align: center;
line-height: 37px;
text-indent: -15000px;
background: #4c626c url("../../images/picto/close.png") no-repeat center center;
margin-top: 14px
}
.slidingWindow.overlay > .wrapper > .content {
max-height: calc(100% - 5em);
height: calc(100% - 5em)
}
.slidingWindow.overlay > .wrapper.accountEdit {
background-color: #fff
}
.slidingWindow.overlay > .wrapper.accountEdit > .close {
float: none;
height: 30px;
display: inline-block;
width: auto;
line-height: 30px;
background: #c9d101 url("../../images/btnBack_bg.png") no-repeat -1px 0;
border-radius: 0;
font-size: 1.1em;
font-weight: bold;
color: #4c626c;
text-indent: 0;
padding-right: .5em;
padding-left: 25px;
text-align: right
}
.schedule .slidingWindow.overlay > .wrapper.accountEdit .content {
margin-top: 0
}
.slidingWindow.overlay > .wrapper.accountEdit .content form input[type=text]:hover,
form input[type=number]:hover,
form textarea:hover,
form .chosen-container:hover,
form .cke_textarea_inline:hover,
form .tagList:hover {
background: #fff !important
}
.slidingWindow.overlay > .wrapper.accountEdit .content fieldset {
border-radius: 10px;
cursor: pointer;
margin-bottom: 25px;
background-color: #fff
}
.slidingWindow.overlay > .wrapper.accountEdit .durationlabel {
display: inline-block;
float: left;
}
.slidingWindow.overlay > .wrapper.accountEdit .content fieldset .bloctitle {
font-size: 1.6rem;
border-bottom: 1px solid #eee;
width: 100%;
background: #4c626c url(../../images/btnCLose4.png) no-repeat right top !important;
display: block;
font-weight: bold;
color: #fff;
padding-left: 8px
}
.slidingWindow.overlay > .wrapper.accountEdit .sessionInterventions.interventions.List .head,
.slidingWindow.overlay > .wrapper.accountEdit .sessionRoles.sessions.List .head {
background-color: #b4c3ca !important;
color: #4c626c;
height: 23px;
line-height: 27px;
overflow: hidden
}
.slidingWindow.overlay > .wrapper.accountEdit li.intervention .title.active {
position: absolute;
z-index: 2;
width: 100%
}
.schedule .slidingWindow.overlay > .wrapper.accountEdit .head div {border-right: 1px solid #fff}
.slidingWindow.overlay > .wrapper.accountEdit .content fieldset div.bloc {display: none;}
.slidingWindow.overlay > .wrapper.accountEdit .content fieldset.active {background-color: #e8edef}
.slidingWindow.overlay > .wrapper.accountEdit .content fieldset.active div.bloc {display: block;}
.schedule .slidingWindow.overlay > .wrapper.accountEdit .tagList ul.taggle_list li input.taggle_input { /*width:10px !important;*/}
.slidingWindow.overlay > .wrapper.edit .close {
border: none;
height: 40px;
width: 40px;
text-align: center;
line-height: 37px;
text-indent: -15000px;
background: #4c626c url("../../images/picto/close.png") no-repeat center center;
margin-top: 14px
}
/* VALIDINTERVENANT contact editor */
#me_editor {font-size: 1.2rem;}
#me_editor select, #me_editor input, #me_editor .chosen-container {border: 1px solid #DFDFDF;background-color: #FDFDFD;color: #646464; }
#me_editor input::placeholder { color: #d1d1d1; }
#me_editor .chosen-container .chosen-single {color: #646464;}
#me_editor .chosen-container .chosen-drop .active-result.highlighted {background-color: #D6E4E8;}
#me_editor .validateContact, #me_editor .validateAddress {
background-color: #C0C934;
color: #FFFFFF;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-transform: uppercase;
border: none;
float: right;
margin-left: 20px;
}
#me_editor .cancel, #me_editor .cancelAddress {
background-color: #F6F6F6;
color: #646464;
border-radius: 2px;
border: none;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-transform: uppercase;
}
#me_editor .validateContact:hover, #me_editor .validateAddress:hover, #me_editor .cancel:hover, #me_editor .cancelAddress:hover {
box-shadow: none;
}
#me_editor .uiAddressList .action.addAddress {
cursor: pointer;
background-color: #FFA726;
height: 40px;
width: 40px;
border-radius: 2px;
}
#me_editor .uiAddressList .action.collapseToggle {
height: 40px;
width: 40px;
border-radius: 2px;
cursor: pointer;
}
#me_editor .uiAddressList .header {
border-radius: 2px;
}
#me_editor .line.title {
font-size: 1.2rem;
padding: 0;
margin: 0;
}
#RGPDDialog .defaultInput{
margin-top: 20px;
}
#RGPDDialog .defaultInput .input-wrapper input[type="checkbox"] {
width: 20px;
height: 20px;
margin-right: 6px;
}
#RGPDDialog .defaultInput .input-wrapper label {
vertical-align: baseline;
margin: 0;
}
/*** DOI - PRESENCE **************************************************************/
.userContent, .contentpresence, .applicationAuthorizations, .contentdeclaration, .contentpresence { margin: 15px 0; width: 100%; padding: 20px 15px; background-color: #ffffff; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);}
.containerRight { margin: 0.5em; float: right; width: 25%;}
.contentpresence { margin-top: 1em;}
.contentdeclaration { display:none;}
.contentdeclaration h2 { font-size: 14px; color: #455a64; }
.contentdeclaration .warning { margin: 10px 0; background: url(../images/picto/failed.png ) no-repeat left center; display: none; font-weight: bold; color: #646464; font-size: 12px; padding: 5px 10px 5px 23px; }
.contentdeclaration .btnsetdeclaration { border-radius: 2px; background-color:#455A64; padding: 8px 12px; font-size:1.2rem; font-weight: bold; color: #FFFFFF; cursor:pointer; margin-top:10px; clear:both; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); }
.contentdeclaration .btnsetdeclaration:hover { box-shadow: none;}
.contentpresence .someDaysList .addDisponnibilities { position:absolute; right:30px; top:20px; }
.contentpresence .someDaysList a.removeDisponnibilities { text-decoration: none; margin: 0; float: left; height:28px; width: 28px; background:transparent url("../images/toutSupprimer_middle.png") no-repeat center center; text-indent:-5000px; border-radius:3px }
.contentpresence .someDaysList{ display:block; list-style:none; padding: 1px 5px 10px; margin-top: 10px; position:relative; }
.contentpresence .someDaysList ul { padding: 0; }
.contentpresence .someDaysList ul.disponnibilities { max-height:90px; overflow-y:auto; margin:10px 0 0 }
.contentpresence .someDaysList li { margin:0; display:inline-block; width:350px }
.contentpresence .someDaysList li:after { content: ' '; display: block; clear: both; }
.contentpresence .someDaysList li div { display: block; float: left; }
.contentpresence .someDaysList li div label { line-height: 15px; margin-right:3px; text-transform:lowercase }
.contentpresence .someDaysList li div.end { margin-left: .5em; }
.contentpresence .someDaysList li input { display:inline-block; border:1px solid #ddd; padding:5px; width: 120px; }
.contentpresence a{cursor: pointer;}
.contentpresence input[type="radio"] + label:after{ top: 3px; left: 3px; width: 11px; height: 11px; }
.contentpresence input#abscent[type="radio"] + label:after{ background-color: red }
.contentpresence button.validateavailibility { background-color: #C0C934;
border-radius: 2px;
padding: 8px 12px;
border: none;
font-size: 1em;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}
.contentpresence button.validateavailibility:hover { box-shadow: none;}
.contentpresence button.validateavailibility.saved { text-indent: 12px;
background: #C0C934 url(../images/InfosCompletesOK.png) no-repeat 7px center;}
.declarationinterest .declarationelm .option { background:inherit; border:inherit; margin-bottom: 20px; }
.declarationinterest .declarationelm input.save { border-radius: 2px; background: #C0C934; color:#ffffff; border:none; font-weight:bold; margin-top: 10px; font-size:1.2em; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1) }
.declarationinterest .declarationelm input.save:hover { box-shadow: none }
.declarationinterest .declaration .relations ul.listrelation .relation .line { background: #ffffff; color:#414141; padding-left: 10px; height: auto!important;}
.declarationinterest .slidingWindow .relations .listdoi { border:none }
.declarationinterest .slidingWindow .relations .relation span.icon { display: none; }
.declarationinterest .slidingWindow .declarations .listdeclarations .entityinfo { padding-left: 10px; }
.declarationinterest .slidingWindow .declarations .listdeclarations { font-size:1.3em }
.declarationinterest .option { width: 100% !important;}
.declarationinterest .option .samelinks { width: 18px !important; height: 18px !important;}
.declarationinterest .option .labelsamelinks { vertical-align: middle !important; margin: 0;}
.declarationinterest .relations ul.listrelation .relation .line { height: auto; }
.declarationinterest .declaration .relations ul.listrelation .relation.error .line { color: #FFFFFF; }
.declarationinterest .actions input.yesbutton, .declarationinterest .actions input.nobutton {
border-radius: 2px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
border: none;
padding: 8px 12px;
color: #646464;
}
.declarationinterest .actions input.yesbutton { margin-right: 20px;}
.declarationinterest .dialog .dialogbox .actions { margin-top: 30px!important; text-align: right!important;}
.declarationinterest .dialog .dialogbox .title { background-color: #F6F6F6 !important; color: #414141!important; font-size: 1.1em; padding: 10px!important; box-shadow : 0 4px 8px 0 rgba(0,0,0,0.1); }
.declarationinterest .dialog .dialogbox .content { padding: 20px !important;}
.declarationinterest .dialog .dialogbox .content p { margin: 0!important;}
/*** PAGE MON PLANNING ************************************************/
.monPlanning .loadingBox{ background: url('../images/loading.gif') no-repeat scroll right center transparent; height: 80px; margin-right: 50%; margin-top: 20%; display:none; }
.monPlanning .waitingOverlay{ position : absolute; top:0; left:0; width:100%; height:100%; z-index:28; background-color: #000; opacity: 0.5; display:none; }
.monPlanning .sessionDetail .interventionsList ul li { width:100%; padding-left: 0; padding-right: 0; filter : alpha(opacity=60); opacity : 0.6; }
.monPlanning .sessionDetail .interventionsList ul li.myIntervention { filter : alpha(opacity=100); opacity : 1; }
.monPlanning .infos { font-size:1.3em; font-weight:bold; text-align:center; padding:11px 0; display: inline-block; color:#888888; background:url("../images/picto/picto_info.png ") no-repeat left center; padding-left: 30px; margin-left: 10px; }
.scheduleAdvert { background: #FFF;position: fixed;bottom: 0; width: 100%; border-top: 2px solid #BDC51E; }
.scheduleAdvert iframe { margin: 0 auto; display: block; }
.scheduleAdvert .advert.close{ float: right; display: none; margin: .3em; cursor: pointer; }
.slidingWindow .media{ border: none; max-width: 640px; width: 100%; height: 371px; margin: 0 auto; display: block; background: #000; overflow: hidden; }
.slidingWindow .nomediafound { color:#fff}
.scheduleAdvert .advert.close{ float: right; display: none; margin: .3em; cursor: pointer; }
#RGPDDialog .required {color:red;}
.applicationAuthorizations #pictureAuthorization, .applicationAuthorizations #phoneAuhtorization { height: 18px; width: 18px; margin-right: 5px; }
.applicationAuthorizations { font-size: 12px; }
.applicationAuthorizations label { display: block; margin: 0; }
.applicationAuthorizations .checkboxContainer { display: flex; margin: 0 0 15px 0; }
.no-close .ui-dialog-titlebar-close {
display: none;
}
/************************/
/* RESPONSIVE GENERIQUE */
/***********************/
@media screen and (max-width: 1024px)
{
ul.sessions .title { width: 55%; }
.specificHeader #site-logo a img { width: 9%; }
.specificHeader #site-logo .baseLine img { width: 21%; }
.leftPanel ul.listFilters .filter .line { padding: 3px 3px 3px 25px; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { top:5px; left: 5px;}
.leftPanel.active .menu-content .elements { padding: 0; }
.leftPanel ul.listFilters .filter .boxChoices ul li { padding: 5px 5px 5px 5px; margin-bottom: 0; }
.leftPanel.active .menu-content h2 { margin-left: 0; }
.leftPanel ul { margin: 0; }
.closeSchedule { margin-left: -1.5%; }
.session .synopticHeader h1 { left: 44%; }
ul.sessions .type { width: 55%; }
.validIntervenant .sessionDetail .sessionModerator, .validIntervenant .interventionDetails { width:50% !important }
.validIntervenant .sessionDetail .interventionsList ul li.myIntervention { display: inline-block !important;}
.containerRight { float: left; width: 98%;}
.contentValidate { width: 100%;}
}
@media screen and (max-width: 768px)
{
.synopticHeader .closeSchedule { margin-left:30px; text-align:left }
.synopticHeader .closeSchedule img { width:auto }
.specificHeader #site-logo { text-align:center }
.specificHeader #site-logo .baseLine { display:none }
.session .specificHeader #site-logo a img { height:120px; width:auto }
.synopticHeader .scheduleSearch { width:98%; margin:1%; left:inherit; position:inherit }
.synopticHeader .scheduleSearch .searchField { width:80%; height:50px; padding-right:8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.synopticHeader .scheduleSearch .searchButton { height:50px; width:20%; margin:0 }
.synopticHeader .scheduleSearch .emptySearchField { height:50px; line-height:50px; margin-left:-30px }
.menuDayMode { height:inherit }
.leftPanel.active, .leftPanel.active .menu-content > section { width:100% }
.leftPanel.active .menu-content { width:92% }
.leftPanel.active .closePanel { margin-right:15px }
.leftPanel ul.listFilters { padding-left:35px }
.public .leftPanel h2 { margin-left:11% }
.public .leftPanel .filters .reset { text-align:right; padding-right:35px; width:90%; padding-left:inherit; float:left; line-height:26px; margin:10px 0 }
.leftPanel ul.listFilters .filter { padding: 10px 0px 9px 0px }
.leftPanel ul.listFilters .filter .boxChoices ul li { float:left; width:93%; margin-bottom:5px }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"] + label { float:left; font-size:1.2em }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"] + label:before { top:6px }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"]:checked + label:after { top:2px }
.leftPanel ul.list li.type label { font-size:1.3em; padding-left:0 }
.leftPanel .menu-content > section { padding-left:3px }
.session .synopticHeader h1 { left: 38% }
.ui-accordion .ui-accordion-content { padding: 3px 6px 3px 3px }
.row .col-10 { margin-left:1% }
.menuDayMode ul.viewMode { display:none }
.sessions_content ul.sessions .title,
.sessions_content ul.sessions .type { width: 65% }
.sessions_content ul.sessions .room { position:absolute; left:130px; bottom:10px }
ul.sessions .type { padding-bottom:40px }
.navPane .session .synopticHeader .btnBack, .navPane .special .synopticHeader .btnBack { margin:77px 0 0 12px }
.specificHeader #site-logo .baseLine2 img { display:none }
.sessionHeader .sessionDetail .sessionLine .sessionTitle { width:75% }
.sessionDetail .sessionLine { float:left; width:100% }
.sessionDetail .roomName { float:left; margin:10px 0 5px; padding:5px }
.sessionDetail .sessionType { clear:left; margin-left:145px }
.sessionDetail .sessionTime { margin-bottom:80px }
.sessionDetail .codeCouleur { margin-bottom:45px }
.sessionDetail .sessionModerator, .sessionDetail .sessionObjectifs { display:inherit; clear:both; font-size:1.2em }
.sessionDetail .interventionsList .linkToAbstract a.goToAbstract, .special .specialList .linkToAbstract a.goToAbstract { right:20px }
.sessionDetail .interventionsList .interventionSpeaker { font-size:1.2em }
.sessionDetail .sessionLine .sessionTitle { line-height:1em }
}
@media screen and (max-width: 640px)
{
/* affichage des jours */
.menuDayMode .dayNav, .menuDayMode .specialNav { width:100%; text-align:center; float:left }
.menuDayMode ul li, .menuDayMode ul { width:100%; float:left }
.menuDayMode ul li { border-right:inherit; border-bottom:1px solid #fff; height:50px }
.menuDayMode ul li a { font-size:1.5em }
/***/
.leftPanel.active .menu-content,
.leftPanel ul.listFilters .filter .boxChoices ul li { width:90% }
.leftPanel.active .menu-content { width:calc(100% - 48px) }
.session .sessionDetail .sessionLine .sessionTitle { width:60% }
.sessionDetail .interventionsList .interventionSpeaker,
.sessionDetail .interventionsList .interverventionTitle, .special .specialList .title { width:90% }
}
@media screen and (max-width: 480px)
{
ul.sessions .data-time { width:100%; margin-bottom:5px; font-size:1.5em }
ul.sessions .codeCouleur { width:10px; margin-bottom:42px; height:48px }
.sessions_content ul.sessions .title, .sessions_content ul.sessions .type { width:85%; white-space:normal; margin-bottom:5px }
ul.sessions li header .interactive, ul.sessions li header .interpret { top:inherit }
.sessions_content ul.sessions .room { left:2%; width:90%; font-size:1.2em }
ul.sessions li .btnSeeSession { top:30px }
.sessionDetail .sessionInfosProgrammes { float:left; width:100%; text-align:center; margin:0 }
.sessionDetail .sessionInfosProgrammes ul.sessionProgram { margin:0; padding:0 }
.sessionDetail .sessionInfosProgrammes ul.sessionProgram li { margin:0 }
.sessionDetail .sessionProgram li.programme { display:inherit; border-radius:inherit }
.sessionDetail .sessionLine { position:relative; margin-top:0; padding:10px 5px; background-position:-65px -10px }
.sessionDetail .sessionTime { width:92%; margin:5px }
.session .sessionDetail .sessionLine .sessionTitle { font-size:1.5em; width:85% }
.sessionDetail .sessionType { margin-left:20px }
.sessionDetail .sessionType, .sessionDetail .roomName { font-size:1.1em }
.sessionDetail .codeCouleur { height:18px; clear: both; width: 8px; margin: 0 6px }
.sessionDetail .roomName { position:absolute; top:1%; right:5%; font-weight:normal; font-size:1em; text-align:center }
.navPane .session .synopticHeader .btnBack,
.navPane .special .synopticHeader .btnBack { margin:0; width:100%; font-size:1.5em; height:50px; line-height:50px }
.synopticHeader .closeSchedule { position:absolute; top:20px }
.synopticHeader { padding-top:60px }
.sessionDetail .interventionsList .interverventionTitle, .special .specialList .title { font-size:1.5em }
.interventionsList .row .col-1 { font-size:1.4em; width:100% }
.interventionsList .row .col-10 { margin-left:inherit; width:85% }
.sessionDetail .interventionsList .interverventionTitle, .sessionDetail .interventionsList .interventionSpeaker { width:100% }
.sessionDetail .interventionsList .interventionSpeaker { font-size:1.3em }
.sessionDetail .sessionTagsBox.show, .sessionDetail .organizers, .sessionDetail .partners,sessionDetail .interventionTagsBox.show { width:94%; padding-left:5%; font-size:1.2em }
.sessionDetail .sessionModerator { font-size:1.2em }
.slidingWindow.overlay>.wrapper .close { position:absolute; top:10px; right:10% }
.slidingWindow .AbstractContentBox, .slidingWindow .AbstractContentBox .paragraph { text-align:left; font-size:1.2em }
.slidingWindow .AbstractContentBox .paragraph .paragraphContent p { font-size:1em; text-align:left }
.slidingWindow .AbstractContentBox .paragraph .paragraphContent table td,
.slidingWindow .AbstractContentBox .paragraph .paragraphContent table th { font-size:1.2em }
.slidingWindow .AbstractContentBox .paragraph .paragraphContent table { margin:10px 0 }
h2.data-day, .sessionHeader .sessionDate, .specialView h2.specials-title { font-size:20px; background-position:left 10px }
.leftPanel, .leftPanel ul.menu { width:40px }
.leftPanel ul.menu li { padding-left:inherit }
.leftPanel ul.listFilters, .public .leftPanel .filters .reset { padding-left:0 }
.leftPanel ul.listFilters .filter .boxChoices ul li input[type="checkbox"] + label { width:95% }
.sessionDetail .interventionsList .interventionTime { font-size:1.2em }
.sessionDetail .sessionObjectifs ul { font-weight:normal }
}
.synopticHeader .specificHeader .links {
margin: 5px;
}
.synopticHeader .specificHeader .links .programmonline, .synopticHeader .specificHeader .links .programmonsite {
display: inline-block;
background-color: #ffffff;
padding: 6px 12px;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
color: #546e7a;
border: 1px solid #b8b8b8;
}
.synopticHeader .specificHeader .links .programmonline.selected, .synopticHeader .specificHeader .links .programmonsite.selected {
font-weight: bold;
color: #546e7a;
background-color: #e2e8eb;
border: 1px solid #546e7a;
}
.nowBar {
border-left: 3px solid red;
display: none;
position: absolute;
height: 100%;
z-index: 999;
}
.nowBarHorizontal {
border-top: 3px solid red;
display: none;
position: absolute;
width: 100%;
z-index: 999;
}
.sessionOver {
filter: opacity(0.5);
}
.no-date h2.data-day {
font-size:26px;
background: transparent url("../images/vod.svg") no-repeat left 11px;
background-size: 31px;
padding-left:38px;
padding-top:12px;
font-weight: normal;
margin-left: 1%;
}
section.fulltext-search{
margin-top: 20px;
background-color: black;
}
section.fulltext-search h2.specials-title {
color: #fff;
display: block;
padding-top:16px;
padding-bottom:4px;
}
.no-date h2.data-day {
display: none;
}
section.fulltext-search h2.specials-title {
background: transparent url(../images/ico-abstract_white.svg) no-repeat left 14px;
color:#fff;
background-size: 26px;
}
section div.no-date ul.sessions, section.fulltext-search ul.themes{
background: #f5f8fa;
padding-top:18px;
}
.data-mode-diffusion-content h2.data-mode-diffusion{
background-color: black;
color: white;
font-size: 2.1em;
font-weight: 300;
padding: 13px 20px;
margin:0px;
}
.data-mode-diffusion-content.no-fulltext h2.data-mode-diffusion{
display:none;
}