/***************************************************************************/
/* mediaList component *****************************************************/
/***************************************************************************/

.mediaList .lists,
.mediaList .list-container {
	position:relative;
}

.mediaList a {
	cursor:pointer;
	text-decoration:none;
}

.mediaList .tags-box{
	display: none;
}


.mediaList ul {
    line-height:1em;
	list-style:none;
    padding:10px;
	margin-top:0;
}

.mediaList li {
	float:left;
	width:100%;
    margin-bottom:8px;
    overflow:hidden;
    white-space:nowrap;
}

.mediaList .thumb {
    overflow: hidden;
    max-height: 100px;
    background: black;
	position:relative;
	border:1px solid #888;
}
.mediaList .thumb .mediasTypes {
position:absolute; top:0; left:0;

}

.mediaList .thumb.src-author .mediasTypes{
	display: none;
}

.mediaList .thumb.src-media img {
	width:150px;
}

.mediaList .thumb.src-author img {
	height:100px!important;
}




.mediaList .thumbPlay {
	background:transparent url("../img/thumbPlay.png") no-repeat center center;
	position:absolute;
	width:50px;
	height:50px;
	top:22%;
	left:36%;
	filter:alpha(opacity=30);
    opacity:0.3;
}

.mediaList .thumb.src-author .thumbPlay{
	left:12%;
}

.mediaList .thumbPlay:hover {
	filter:alpha(opacity=100);
    opacity:1;
}

.mediaList .isPlaylist {
	background:#2f4148 url("../img/isPlaylist_degrad.png") no-repeat left top;
	opacity:.9;
	color:#eee;
	font-size:1.3em;
	text-shadow:1px 1px #000;
	text-align:center;
	width:30%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	display:none;
}

.mediaList .isPlaylist span {
	display:block;
	opacity:1;
	margin-top:10px;
}

.mediaList .isPlaylist .icon {
	font-size:.6em;
	margin-top:3px;
	padding-bottom:18px;
	background:transparent url("../img/ico_isPlaylist.png") no-repeat center bottom;
}

.mediaList .playlist .isPlaylist {
	display:block;
}

.mediaList .rightInfo {
	float:left;
	width:75%;
	width:calc(100% - 152px);
}

.mediaList .sessionTitle {
	float:left;
	width:80%;
	width:calc(100% - 60px);
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	font-size:.8em;
	margin-bottom:0 !important;
}

.mediaList .sessionTitle:hover {
	cursor:default;
	text-decoration:none;
}

.mediaList .interventionTitle {
    display:block;
    width:80%;
	width:calc(100% - 25px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	color:#000;
	font-weight:bold;
    margin-bottom:0;
	line-height:1.3em;
}

.mediaList .addPlaylist {
	background:transparent url("../img/mediaList_addPlaylist.png") no-repeat center center;
	display:inline-block;
	width:20px;
	height:20px;
}

.mediaList .bookmarked .addPlaylist {
	background:transparent url("../img/mediaList_addPlaylist_active.png") no-repeat center center;
}

.mediaList .speakerName {
	display:inline-block;
	width:100%;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	line-height:1.3em;
}
.mediaList .interventionTitle:hover,
.mediaList .speakerName:hover {
	text-decoration:underline;
}

.mediaList .year {
	float:left;
	margin-right:5px;
	position:relative;
	bottom:0px;
    color:#888585;
	font-size:.9em;
}

.mediaList .date {
	color:#888585;
	font-size:.9em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:none;
}

/* LIST VIEW / SMALL (mini) ************************************/

.mediaList.mini .isPlaylist {
	font-size:.8em;
	background-image:inherit;
	padding-top:2px;
	width:35%;
}

.mediaList.mini .isPlaylist span {
	margin:inherit;
	padding-bottom:10px;
	background:transparent url("../img/ico_isPlaylist_mini.png") no-repeat center bottom;
}

.mediaList.mini .isPlaylist .icon {
	text-indent:-5000px;
}

.mediaList.mini .thumb {
	max-height:45px;
}

.mediaList.mini .thumb img {
	width:80px;
}

.mediaList.mini .thumbPlay {
	background:transparent url("../img/thumbPlay_mini.png") no-repeat center center;
	width:30px;
	height:30px;
	top:15%;
	left:30%;
}

.mediaList.mini .rightInfo {
	width:75%;
	width:calc(100% - 82px);
}

.mediaList.mini .interventionTitle {
	color:#d6d6d6;
	font-weight:normal;
}

.mediaList.mini .current {
	background:#222;
}

.mediaList.mini ul {
	padding:0;
}

.mediaList.mini ul li {
	margin:0;
	padding:8px;
}

/* GRID VIEW *****************************************************/

.mediaList.gridView .speakerName {
	float:left;
	width:calc(100% - 32px);
}

.mediaList.gridView  .sessionTitle {
	float:left;
	width:75%;
}

.mediaList.gridView .rightInfo {
	float:inherit;
	width:100%;
	padding-left:0;
}

.mediaList.gridView .isPlaylist .icon {
	font-size:.7em;
}

.mediaList.gridView .thumbPlay {
	top:27%;
}

.mediaList.gridView ul {
    padding:10px 0;
    margin-left:0px;
}

.mediaList.gridView li {
	width:200px;
	height:200px;
	margin:3px 7px;
	overflow:hidden;
}

.mediaList.gridView .thumb {
	max-height:113px;
}

.mediaList.gridView .thumb img {
	width:200px;
}


.mediaList.gridView .btnShowMore,
.mediaList .navPrevious,
.mediaList .navNext {
	display:none;
}

.mediaList.gridView .navPrevious {
	display:block;
	float:left;
	width:35px;
}

.mediaList.gridView .navNext {
	display:block;
	float:right;
	width:35px;
}

.mediaList.gridView .lists {
	margin:0 50px;
    white-space:nowrap;
	overflow:hidden;
}

/*
.mediaList.gridView .navPrevious,
.mediaList.gridView .navNext {
	position:relative;
	vertical-align:middle;
}
*/

.mediaList.gridView .btnPrevious,
.mediaList.gridView .btnNext {
	display:block;
	width:35px;
	height:55px;
}

.mediaList.gridView .btnPrevious { background:transparent url("../img/btnPrevious.png") no-repeat center center; }
.mediaList.gridView .btnNext { background:transparent url("../img/btnNext.png") no-repeat center center; }


.mediaList.gridView .list-part {
	display:inline-block;
}

.mediaList li .voteNumber::before{
	content:"("
}
.mediaList li .voteNumber::after{
	content:")"
}

.mediaList li .commentsNumber::before{
	content:"("
}
.mediaList li .commentsNumber::after{
	content:")"
}

.mediaList .commentsNumber {display: none;}


/* VOTE RATING *****************************************************/

/* normal */

/* .rating { margin-right:3px } */

.rating p { margin:0 }

.rating label { display:block; float:left; width:20px; height:20px; background:transparent url(../img/star-rating.png) 50% 0 no-repeat; text-indent:-9000px; font-size:0; cursor:pointer }
.rating label input { visibility : hidden}

.rating label.hover { background-position: 50% -20px }
.rating label.rated { background-position: 50% -40px }
.rating label.ratedHover { background-position:50% -60px }

.half label { width:10px; background-position: 0 0; margin-top:0; }
.half label.alt { background-position:100% 0 }

.half label.hover { background-position:0 -20px }
.half label.hoverAlt { background-position:-10px -20px }

.half label.rated { background-position:0 -40px }
.half label.ratedAlt { background-position:-10px -40px }

.half label.ratedHover { background-position:0 -60px }
.half label.ratedHoverAlt { background-position:-10px -60px }

/* small */

.mediaList.mini .rating label,
.mediaList.gridView .rating label
{ width:16px; height:16px; background:transparent url(../img/star-rating_small.png) 50% 0 no-repeat; }

.mediaList.mini .rating label.hover,
.mediaList.gridView .rating label.hover { background-position: 50% -16px }

.mediaList.mini .rating label.rated,
.mediaList.gridView .rating label.rated { background-position: 50% -32px }

.mediaList.mini .rating label.ratedHover,
.mediaList.gridView .rating label.ratedHover { background-position:50% -48px }

.mediaList.mini .half label,
.mediaList.gridView .half label { width:8px; background-position: 0 0; margin-top:0; }

.mediaList.mini .half label.alt,
.mediaList.gridView .half label.alt { background-position:100% 0 }

.mediaList.mini .half label.hover,
.mediaList.gridView .half label.hover { background-position:0 -16px }

.mediaList.mini .half label.hoverAlt,
.mediaList.gridView .half label.hoverAlt { background-position:-8px -16px }

.mediaList.mini .half label.rated,
.mediaList.gridView .half label.rated { background-position:0 -32px }

.mediaList.mini .half label.ratedAlt,
.mediaList.gridView .half label.ratedAlt { background-position:-8px -32px }

.mediaList.mini .half label.ratedHover,
.mediaList.gridView .half label.ratedHover { background-position:0 -48px }

.mediaList.mini .half label.ratedHoverAlt,
.mediaList.gridView .half label.ratedHoverAlt { background-position:-8px -48px }

/*******************************************************************************/




/* VUE MEDIA ********************************************************/

.mediaView .colGauche {
    border-right:1px solid #fff;
	overflow:hidden;
}

h1.mediaTitle {
    display:block;
    color:#454545;
    font-size:1.4em;
    font-weight:bold;
    line-height:1.1em;
}

h1.mediaTitle .ref {
    font-weight:normal;   
}

.mediaView .mediaAuthors {
    display:block;
    color:#454545;
    font-size:1.1em;
    line-height:1.1em;
    margin:5px 0;
}

.mediaView .mediaAuthors a.speaker {
	cursor:pointer;
}

.mediaView .mediaAuthors a.speaker.readonly {
	cursor:default;
}

.mediaView .mediaAuthors a.speaker.readonly:hover {
	text-decoration: none;
}

.mediaView .sessionTitle,
.mediaView .infoCongress {
    display:block;
    color:#777;
	line-height:1.1em;
	margin-bottom:5px;
	font-size:.9em;
}

.mediaView .date, .mediaView .room {
	font-size:.9em;
	color:#777;
	display:none;
}

.mediaView  .mediaInfo {
	height:155px;
	margin-top:10px;
	text-align:center;
	font-size:.8em;
}

.mediaView .abstract .print {
    display: none;
}

.mediaView .abstract h2 {
    font-size:1.1em;
	font-weight:bold;
	margin-top:10px;
}

.mediaView .abstract p,
.mediaView .abstract {
    text-align:justify;
}

.keywords h1,
.tags h1 {
    font-size:1.1em;
    margin-top:10px;
}

.keywords ul,
.tags ul,
.comments ul {
    list-style:none;
    padding:0;
    margin-bottom:10px;
}

.keywords ul li,
.tags ul li {
    background:transparent url("../img/bgTag.png") repeat-x left center;
    display: inline-block;
    padding:0 5px;
    margin-right:5px;
	margin-bottom:5px;
    border:1px solid #bdbdbd;
    border-radius:5px;
	cursor:pointer;
}

.keywords ul li.readonly,
.tags ul li.readonly {
	cursor: default;
}

/* comments */

.addComment {
    color:#313131;   
    padding-left:25px;
    background:transparent url("../img/ico_addComment.png") no-repeat left 2px;
    height:23px;
    cursor:pointer;
}

.comments {
    margin-bottom:15px;   
}

.comments ul li {
    margin-bottom:8px;   
}

.comments ul li .bgComment {
    float:left;
	width:100%;
    background:#ededed;
    font-size:.9em;
    padding:5px;
    text-align:justify;
    line-height:1.5em;
    border-top-left-radius:7px;   
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
}

.comments .rating {
	margin:0;
}

.comments ul li .corner {
    float:left;
    height:15px;
    width:10px;
    background:#fff url("../img/commentCorner.png") no-repeat left top;  
}

.comments ul li .date {
    float:left;   
    margin-right:10px;
    padding-top:2px;
}

.comments ul li .separ {
   margin-right:3px;
}

.comments ul li .speciality {
    font-style:italic;
}

.comments ul li .author,
.comments ul li .date,
.comments ul li .speciality {
    font-size:.9em;
}

.addCommentBox {
	background:#313131;
	color:#fff;
	clear:left;
	padding:60px;
	position:relative;
}

.addCommentBox .lastName,
.addCommentBox .firstName,
.addCommentBox .speciality {
	width:172px;
}

.addCommentBox .mail {
	width:358px;
}

.addCommentBox input,
.addCommentBox textarea {
	color:#494949;
}

.addCommentBox .labelVote,
.addCommentBox .rating {
	float:left;
	margin-right:5px;
}

.btnClose {
	display:block;
	width:25px;
	height:25px;
	background:transparent url("../img/btnClose.png") no-repeat left top;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
}

/* right column */

.mediaVisited .nbVisited,
.mediaVisited .labelVisited,
.mediaVisited .nbVote,
.mediaVisited .nbComments {
    margin-right:3px;
}

.mediaInfo .rating {
	margin-top:3px;
	float:right;
	border-radius:5px;
	background:#fff;
}