/* MEDIATHEQUE */

[placeholder]:focus::-webkit-input-placeholder { color:transparent }

h1 { font-size: 2.3rem }
a { text-decoration:none }
a:hover { text-decoration:underline }

/* bandeaux sponsors */

.pub { width:160px; height:600px; padding-top:148px }
.pub img { position:relative }
.leftPub img { left:12px }
.rightPub img { right:12px }
.bottomPub { display:none }

/* header */

.header { 
    background:#fff; 
    position:relative;
    padding:0 10px 10px 10px;
    float:left;
    width:100%;
}
a.home, a.homeSection { 
    position:absolute;
    bottom:37%;
    left:42%;
    background:transparent url("../img/ico_home.png") no-repeat left 5px;
    float:left;
    padding-left:26px; 
    padding-top:8px; 
    text-transform:uppercase; 
    color:#656565; 
    cursor:pointer; 
    text-decoration:none; 
}

/* timer */

.countdown { width:132px; height:38px; position:absolute; right:0; background:transparent url("../img/countdown.png") no-repeat right top; color:#fff; font-size:26px; letter-spacing:5px }
.countdown .hours { text-align:right; display:inline-block; width:77px }
.countdown .minutes { display: inline-block; margin-left:0px }

/* menu */

.mainMenu { padding:10px; margin:0 }
.mainMenu li { display:inline-block; margin-right:2%; text-align:center; color:#fff; cursor:pointer }
.mainMenu li a { color:#666; text-decoration:none; display:block }
.mainMenu .homeIcons { margin-top:6% }
.mainMenu .text { width:100%; display:block; margin-top:6% }

/* content */

.cyim-media-view-content { background:#fff url("../img/content_bg.png") repeat-x left top; min-height:600px }

/* homepage */

.home .searchArea .txt { border:1px solid #c7b6a7; height:40px; font-size:1.5em; font-weight:lighter }
.home .eventTitle { height:inherit; float:inherit; text-align:center }
.home .eventTitle h1 { color:#fff; margin-top:130px }
.homeBox { width:900px; margin:50px auto; color:#fff }
.home .leftBox { width:37%; margin-left:4%; margin-right:6% }
.home .rightBox { background:#512a5b; height:253px; text-align:center; position:relative }
.home .rightBox .infoLive { background:transparent url("../img/infoLive.png") no-repeat right top; width:182px; height:149px; position:absolute; right:-7px; top:-7px; opacity:0 }

.home .rightBox.active .infoLive { opacity:1 }
.home .rightBox.active .soon { opacity:0; transition:none; height:0 }
.home .rightBox .infoLive { opacity:0 }
.home .rightBox .soon { opacity:1 }

.home .rightBox .infoLive { transition: opacity 1s ease-in-out }
.home .rightBox .soon{ transition: opacity 1s ease-in-out; height:auto }

.home .infosIntervention { 
    float:left;
    padding:10% 0 0 1%;
    width: 55%;
}
.home .infosIntervention span { display:block; text-align:left; width:100% }
.home .infosIntervention .room { color:#aaa; font-size:.9em }
.home .infosIntervention .title { color:#fff; font-size:.9em }
.home .mainMenu { text-align:left; margin-left: 2% }
.home.homeIcons { height:auto !important; max-width:100% }
.home .text { width:94%; display:block; margin-top:22% }

.home .mainMenu li { width:30%; margin-bottom:11px; border-radius:10px; background:#512a5b }
.home .mainMenu li:hover { background:#8eb723 }
.home .mainMenu li a { font-size:17px; font-size:1.7rem; line-height:1.2em; color:#96c120 }
.home .mainMenu li a:hover { color:#512a5b }
.home .searchArea { width:85%; margin-left:5% }
.home .speakerSlider { float:left; padding:11%; padding-right:0 }
.home .slideLeftLive { display:block; width:63px; height:100px; position:absolute; top:39%; left:2% }
.home .slideRightLive { display:block; width:63px; height:100px; position:absolute; top:39%; right:2% }

.home .playLive { opacity:0; width:100px; height:100px; position:absolute }
.home .active .playLive { opacity:1 }

.home .active .playLive { transition:opacity 1s ease-in-out }
.home .playLive { transition:none }

.home .slider { width:80%; height:100%; margin-left:10%; overflow:hidden }
.home .wrapper { display:block }
.home .liveItem { display:inline-block; position:relative; top:0; float:left }
.home .liveItem .infosSession { margin-top:24%; padding-left:10% }
.home .current .infosSession { margin-top:2%; padding-left:0% }
.home .no_current_intervention { margin:auto; margin-top:-11% }
.home .infosSession .room { color:#aaa; font-size:1.2em }

.home .playLive img { width:100% }
.home .current_intervention .playLive, .home .playLive {
    width:250px;
    height:250px;
    position:absolute;
    top:18%;
    left:29%;
}
.home .no_current_intervention .playLive { 
    top:29%;
    left:29%;
}
.home .infosSession .chair { color: #8ab31d; font-size: 1em }
.home .speakerSlider { float:left; padding:3%; padding-right:0; padding-left:10% }
.home .infosSession { width:100%; height:100%; text-align:left; margin-top:2% }
.home .infosSession span { display:block; width:100% }

.home .infosIntervention { padding:2% 0 0 5%; width:55% }
.home .infosIntervention span { display:block; text-align:left; width:100% }
.home .infosIntervention .soon { color:#f63535; text-transform:uppercase; letter-spacing:.2em }
.home .infosIntervention .soon.start { color:#fff }
.home .infosIntervention .title { color:#fff; font-size:.9em; line-height:1.1em; height:175px; overflow:hidden }

.home .slider_no_content { background:transparent url("../img/noLive.png") no-repeat center top; height:260px; margin-top:12% }
.home .slider_no_content span { display:block; padding-top:25% }

/* infobox */

.infoBox { background:#313131 url("../img/infoBox_bg.png") repeat-x left top; color:#fff }
.infoBox h1 { color:#e4e4e4; font-weight:inherit; text-transform:uppercase; height:56px; overflow:hidden; font-size:1.1em !important; padding:20px 10px 0 50px; text-shadow:1px 1px #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.infoBox h2 { font-size:.9em; line-height:1.2em; padding-left:10px }
.bestVote h1 { background:transparent url("../img/infoBox_vote.png") no-repeat 10px 17px }
.bestView h1 { background:transparent url("../img/infoBox_view.png") no-repeat 10px 21px;width:85%; overflow:hidden }
.sameSession h1 { background:transparent url("../img/infoBox_session.png") no-repeat 10px center }
.sameSession .playlist-authors {display: none;}
.sameAuthor h1 { background:transparent url("../img/infoBox_speakers.png") no-repeat 10px center }
.moreMedia h1 { background:transparent url("../img/infoBox_moreMedia.png") no-repeat 10px center }
.sameAuthor { position:relative }
.sameAuthor img.photoSpeaker { position:absolute; top:2px; left:2px }
.infoBox .infoBoxArrow { width:17px; height:25px; margin-top:15px; background:transparent url("../img/infoBox_arrow.png") no-repeat left top; cursor:pointer }
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
h1.title { font-size:1.7em; text-shadow:1px 1px #fff }
ul.tools { list-style:none }
ul.tools li { display:inline-block; cursor:pointer }
ul.tools li.print { height:18px; background:transparent url("../img/print.png") no-repeat left top; padding-left:27px; margin-right:5px }
ul.tools li.textSizeDecrease { height:17px; width:15px; background:transparent url("../img/textSizeDecrease.png") no-repeat left top }
ul.tools li.textSizeNormal { height:17px; width:15px; background:transparent url("../img/textSizeNormal.png") no-repeat left top }
ul.tools li.textSizeIncrease { height:17px; width:19px; background:transparent url("../img/textSizeIncrease.png") no-repeat left top }
.btn { color:#313131; padding:2px 15px; border-radius:5px; background:#009dda; border:none }
.infoBox .btn { border:none; padding:2px 8px }
.btnBack { width:83px; height:31px; background:transparent url("../img/btnBack.png") no-repeat left top; border:none; padding-left:18px }

/* chat */
.cyim-media-view .chat { width: 30%; position: fixed; }

/* search */

.searchArea { position:relative; width:100% }
.searchArea .txt { color:#512a5b; padding:7px 35px 7px 5px; width:100%; background-color:#fff }
.searchArea  ::-webkit-input-placeholder { color:#666; font-weight:lighter }
.searchArea  input:-moz-placeholder, textarea:-moz-placeholder { color:#666; font-weight:lighter }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:none; /* clickable input types in iOS */ }

.searchArea .btn { background:transparent url("../img/btnSearch.png") no-repeat left top; width:25px; height:25px; border:none; text-indent:-5000px; position:absolute; right:0; top:5px }
.filtersContainer .infoResults .btnFilter { float:left; width:83px; height:29px; background:transparent url("../img/btnFilter.png") no-repeat left top; padding:3px 0 0 15px; cursor:pointer }
.filtersContainer.active .infoResults .btnFilter { background:transparent url("../img/btnFilter_open.png") no-repeat left top }
.filtersContainer .searchFiltersBox { background: #fff; float: left; width: 100%; display:none; overflow: hidden; padding:10px; margin:5px 0 10px 0; position:relative }
.filtersContainer.active .searchFiltersBox { display:block }
.searchFiltersBox a { color:#000; cursor:pointer }
.searchFiltersBox .filterBox { float:left; margin-right:25px; color:#777 }
.searchFiltersBox .filterBox ul { list-style-type:none; padding:0; margin-top:5px }
.searchFiltersBox .filterBox ul li { cursor:pointer;position:relative; }
.searchFiltersBox .filterBox ul ul { margin-top:0; padding-left:5px; font-size:smaller; line-height:1.1em }
.searchFiltersBox .filterBox ul ul li { margin:3px 0 7px 0 }
.searchFiltersBox .filterBox .filterLabel { font-weight:bold; text-transform:uppercase }
.searchFiltersBox .filterBox .active { color:#000 }

.searchFiltersBox .filterBox[data-filter-type="2"] ul li.active::after{
    content: '';
    background-image: url(../img/up.png);
    display: inline-block;
    width: 5%;
    height: 100%;
    position: absolute;
    bottom: 0;
    margin-left: 2%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.searchFiltersBox .filterBox[data-filter-type="2"] ul li.active[data-filter-sort-type="0"]::after{
    background-image: url(../img/down.png);
}

.filtersSelectedBox { float:left }
.filtersSelectedBox ul { list-style-type:none; padding:0; float:left; margin-right:10px }
.filtersSelectedBox ul li { float:left; margin:3px 0 0 10px; padding:2px 25px 2px 5px; background:#fff url("../img/filterClose.png") no-repeat right center; border-radius:3px; cursor:pointer; font-size:smaller }
.filtersSelectedBox a { float:left; font-size:smaller; margin-top:5px; color:#000; cursor:pointer }
.btnCloseFilters { position:absolute; right:5px; bottom:5px }
.btnCloseFilters:hover { color:#098acf }

/* view mode nav */

ul.viewModeNav { list-style-type:none; padding:0; margin:0 }
ul.viewModeNav li { width:35px; height:35px; float:left; margin-left:8px; cursor:pointer }
ul.viewModeNav li.active { cursor:default }
ul.viewModeNav li.gridView { background:transparent url("../img/btn_viewGrid.png") no-repeat left top }
ul.viewModeNav li.listView { background:transparent url("../img/btn_viewList.png") no-repeat left top }
ul.viewModeNav li.synopticView { background:transparent url("../img/btn_viewSynoptic.png") no-repeat left top }
ul.viewModeNav li.gridView.active, ul.viewModeNav li.gridView:hover { background:transparent url("../img/btn_viewGrid_active.png") no-repeat left top }
ul.viewModeNav li.listView.active, ul.viewModeNav li.listView:hover { background:transparent url("../img/btn_viewList_active.png") no-repeat left top }
ul.viewModeNav li.synopticView.active, ul.viewModeNav li.synopticView:hover { background:transparent url("../img/btn_viewSynoptic_active.png") no-repeat left top }

/* LIVE ********************************************************/

.liveThumbs { margin-left:0 }
.liveThumbs li { height:145px; margin-bottom:10px; padding-left:0; background:#fff }
.thumbsHeader { background:#313131; color:#cecece; padding:8px 0 0 8px }
.thumbsHeader .room { display:inline-block; width:78%; width:calc(100% - 55px); white-space: nowrap; overflow: hidden; text-overflow:ellipsis }
.thumbsHeader .hour { background:#fff; color:#494949; padding:2px 3px 5px; margin-right:5px; float:right; border-top-left-radius: 5px; border-top-right-radius: 5px }
.thumbsContent { position:relative; background:#fff url("../img/filigranePlay.png") no-repeat center 10px }
.thumbsContent .photo { height:84px; width:65px; background:#fff url("../img/speaker.png") no-repeat left top }
.thumbsContent .txtContent { height:65px; width:68%; width:calc(100% - 70px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.thumbsContent .sessionTitle { color:#838383 }
.thumbsContent .speakerName { font-weight:bold }

.liveList { clear:both }
.live { width:98%; float:left; background-color:#fff; margin:1% }
.live .leftBox { background:#07659c; height:253px; text-align:center; position:relative; width:50%; float:left; margin-bottom:2%; padding:2% }
.live .rightBox { background:#fff; height:253px; text-align:left; position:relative; border-bottom-left-radius:0px; border-top-left-radius:0px; border-top-right-radius:10px; border-bottom-right-radius:10px; width:50%; float:left; padding:3% 3% 3% 2% }
.live .rightBox a.interventionTitle, .live .rightBox a.addPlaylist { font-size:0.8em; font-weight:normal }
.live .rightBox .sessionRoom h1 { margin-top:-24px }
.live .rightBox a.interventionNext { color:#e3004f }
.live .rightBox a.interventionNext span { color:#e3004f }
.live .leftBox .speakerThumb { text-align: left }
.live .leftBox .thumbPlay { position:absolute; width:100px; height:100px; top:25%; left:48%; filter:alpha(opacity=30); opacity:1; display:block }
.live .leftBox .speakerThumb img { width:148px; float:left }
.live .leftBox .thumb { position:relative; display:block; float:left; width:100% }
.live .leftBox a { cursor:pointer; text-decoration:none }
.live .leftBox .hours { display:block; color:#fff; font-weight:normal; position:absolute; right:0; top:0; border-radius:4px; background-color:#e3004f; padding: 1%; font-size:1.8em; border:1px solid #fff }
.live .leftBox .interventionTitle { color:#fff; display:block; margin-left:23%; font-size:1.5em; margin-right:4%; line-height:1.2em; margin-bottom:5px }
.live .leftBox .speakerName { display:block; margin-left:23%; font-size:1em; color:#dedede }

/* playlist */

.thumbsContent .addPlaylist { cursor:pointer; display:block; width:122px; height:27px; background:#fff url("../img/addPlaylist.png") no-repeat right bottom; position:absolute; right:5px; bottom:0; font-size:11px; padding:5px 0 0 20px }
.arrow { cursor:pointer; padding-top:230px }
.myPlaylist { color:#fff; position:fixed; bottom:0; left:0; height:165px; overflow:hidden; display:none }
.myPlaylist .nav { width:200px; margin:auto; padding:7px 20px; cursor:pointer; background:#000 url("../img/icoClose.png") no-repeat 160px center; border-top-left-radius: 10px; border-top-right-radius: 10px }
.myPlaylist .playlistNumber { font-weight:bold }
.myPlaylist .playlist { background:#000; height:140px; overflow-y:auto; padding:5px 48px 10px; margin:0; border-top:4px solid #000 }
.myPlaylist .playlist li { display:inline-block; width:275px; height:100px; margin:10px; padding:8px; background:#fff; position:relative }
.playlist .photo { background:#fff url("../img/speaker.png") no-repeat left top; height:84px; width:65px }
.playlist .txtContent { color:#444; margin-top:20px; height:65px; width:68%; width:calc(100% - 70px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.playlist .txtContent .speakerName { font-weight:bold }
.playlist .removePlaylist { background:#000; color:#fff; border:2px solid #fff; text-align:center; display:block; width:22px; height:22px; line-height: 15px; cursor:pointer; position:absolute; top:-5px; right:-5px; border-radius:10px }

/* REPLAY ******************************************************/

.replay .arrow { padding-top:100px; height:200px }
.replayThumbs { width:100%; height:165px; overflow-y:hidden; overflow-x:scroll; white-space:nowrap }
.replayThumbs li { width:264px; height:144px; display:inline-block; background:#444; color:#fff; border:1px solid #616161; margin-right:6px; overflow:hidden; position:relative; cursor:pointer }
.replayThumbs .txtInfo { font-size:.9em; height:45px; width:100%; position:absolute; bottom:0; padding:3px; line-height:1.1em; background:transparent url("../img/opacityBlack.png") repeat-x left top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.replayThumbs .hour, .replayThumbs .sessionTitle { font-size:.85em; padding-right:5px; color:#dedede }
.replayThumbs .icoPlay { width:63px; height:63px; background:transparent url("../img/icoPlay.png") no-repeat center center; position:absolute; top:5px; right:5px }

/* schedule */

.schedule { background:#fff }
.schedule .search { background:#fff url("../img/schedule_bgTop.png") repeat-x left bottom }
.schedule input.searchTxt, .bestAbstracts input.searchTxt { padding:4px; color:#999; border:1px solid #666; width:200px; border-radius:5px }
.schedule a.searchBtn, .bestAbstracts a.searchBtn { display:inline-block; width:23px; height:23px; background:transparent url("../img/icoSearch.png") no-repeat left top; position:relative; top:8px; right:30px; cursor:pointer }
.schedule .dayNav { background:#e1e1e1; padding:5px 0 0; margin:0 }
.schedule .dayNav li { display:inline-block; font-weight:bold; padding:2px 10px; cursor:pointer }
.schedule .dayNav li.active { background:#fff; border-top-left-radius: 5px; border-top-right-radius:5px }
.scheduleSession { background:#fff; padding:0; margin-top:10px }
.scheduleSession .sessionHeader { padding:5px 8px }
.scheduleSession .expanded { background:#dedede; padding-bottom:4px }
.scheduleSession .collapsed { border-top:1px solid #e3e3e3 }
.scheduleSession .collapsed .scheduleInterventions { display:none }
.scheduleInterventions { background:#fff }
.scheduleSession .collapseBtn { width:30px; height:30px; cursor:pointer }
.scheduleSession .collapsed .collapseBtn { background:transparent url("../img/arrow_default.png") no-repeat left top }
.scheduleSession .expanded .collapseBtn { background:transparent url("../img/arrow_down.png") no-repeat left top }
.scheduleSession .hours, .scheduleSession .sessionTitle { padding-top:5px }
.scheduleSession .sessionTitle { font-weight:bold }
.scheduleSession .sessionModerators { color:#918f8f }
.scheduleSession .typeName { background:#e2e2e2; padding:2px 10px; border-radius:5px; }
.scheduleSession .expanded .typeName { background:#fff }
.scheduleSession .roomName { margin-top:5px }
.scheduleSession .roomName, .scheduleSession .hours { color:#616161 }
.scheduleSession .roomName, .scheduleSession .typeName { width:125px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.scheduleInterventions { margin:5px 0 0 30px }
.scheduleInterventions li { border-top:1px solid #e3e3e3; padding:4px 8px }
.scheduleInterventions .hour { width:80px }
.scheduleInterventions .interventionTitle { font-weight:bold; color:#666 }
.scheduleInterventions .interventionSpeaker { color:#918f8f }
.scheduleInterventions .voteResult { margin-top:13px }
.scheduleInterventions .seeAbstract { width:21px; height:24px; margin-top:8px; background:#fff url("../img/icoAbstract.png") no-repeat left top; cursor:pointer }
.scheduleSession .adaptWidth { width:70%; width:calc(100% - 250px) }

/* POSTERS PRIMES *****************************************************/

.bestAbstracts input.searchTxt { width:280px }
.bestAbstracts .abstractsThumbs li { margin-bottom:20px }
.bestAbstracts .arrow { padding-top:140px }
.bestAbstracts h1.title { border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:10px }
.bestAbstracts .abstractsThumbs li .thumb { background:#fff; width:186px; height:139px; overflow:hidden; border:1px solid #616060; margin:0 auto 5px; box-shadow:0px 0px 8px #444 }
.abstractSpeaker { font-weight:bold }
.abstractSpeaker, .abstractTitle { text-align:center }

/* CONGRES PRECEDENTS ************************************************/

.pastCongressBox { background:#333; color:#fff; height:395px; margin:1%; width:31%; float:left; padding:10px; text-align:center }
.pastCongressVideoBox { float:left }
.pastEventBox { background:#333; color:#fff; height:200px; width:31%; margin:1%; float:left; padding:10px; text-align:center }

/* RIGHT COLUMN */

.mediaVisited .nbVisited, .mediaVisited .labelVisited, .mediaVisited .nbVote,.mediaVisited .nbComments { margin-right:3px }
.mediaVisited .nbComments,.mediaVisited .labelComments {display:none}

.like-box{display: none}
.mediaInfo .rating { margin-top:3px; float:right; border-radius:5px; background:#fff }
.colDroite ul.tools { padding:0; margin-top:30px }
.colDroite ul.tools li { display:block; color:#313131; height:37px; margin-bottom:2px; padding-left:40px; padding-top:8px }
.colDroite ul.tools li:hover { font-weight:bold }
.colDroite li.addPlaylist { background:transparent url("../img/tool_addFavorite.png") no-repeat left top }
.colDroite li.download { background:transparent url("../img/tool_download.png") no-repeat left top }
.colDroite li.share { background:transparent url("../img/tool_share.png") no-repeat left top }
.colDroite li.addComment { background:transparent url("../img/tool_comment.png") no-repeat left top }
.colDroite ul.tools li.print,
.colDroite ul.tools li.downloadPoster { display:none }

/* page media nb de vue, note */
.mediaView .mediaInfo { width:10% }

.scroll-wrapper{
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	width:100%;
	height:100%;
}

.resultBackHomeBtn { display: none; }

.ThemesBox ul.list li a .count{
    display: none;
}