.video-small {
	position: relative;
}
.video-small span.shortVideoId {
    display:none;
}
.video-small .header_bloc a.previewImg img {
	height: 135px;
}
.video-small,
.video-small .header_bloc a.previewImg img,
.video-small .header_bloc .bottom {
	width: 310px;
}
.video-small .header_bloc {
	height: 135px;
    position:relative;
    width: 310px;
}
.video-small .footer_bloc {
	height: 44px;
}
.video-small .thematic {
    position: absolute;
    display: block;
    padding: 6px 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: white;
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C0000000, endColorstr=#C0000000)";
    zoom:1;
    text-decoration:none;
    z-index: 21;

}
.video-small .header_bloc .previewImg {
    display: block;
    height: 135px;
    width: 310px;
    z-index:15;
}
.video-small .header_bloc .bottom {
    position: absolute;
    float: left;
    top: 92px;
    height: 43px;
    /* background */
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00000000, endColorstr=#ff000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00000000, endColorstr=#ff000000)";
    zoom: 1;
    z-index:15;
}
.video-small .header_bloc .bottom a.title {
    background: url('../../../images/video/video/play.png') no-repeat 8px 6px;
    display: block;
    position: relative;
    height: 43px;
    line-height: 39px;
    overflow: hidden;
    z-index:15;
    width: 100%
}
.video-small .header_bloc .bottom a.title span {
    color: white;
    font-size: 14px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 0 0 46px;
    width: 254px;
    overflow: hidden;
    z-index:15;
}
*+html .video-small .header_bloc .bottom a.title span {
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
.video-small .header_bloc span.duration {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#80000000, endColorstr=#80000000)";
    border-radius: 4px 4px 4px 4px;
    color: white;
    display: block;
    padding: 2px 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index:15;
}
.video-small .header_bloc span.duration.integrality{
    background-color: #CB2222;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CB2222,endColorstr=#00CB2222);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00CB2222, endColorstr=#00CB2222)";
    border-radius: 4px 4px 4px 4px;
    color: white;
    display: block;
    padding: 2px 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index:15;
}
.video-small .footer_bloc{
	background-color: #ffffff;
    border-bottom: 1px solid #E5E5E5;
}
.video-small .info {
	position: absolute;
    bottom: 10px;
    left: 10px;
    width: 300px;
    height: 25px;
}
/*.video-small .info img.infoi {
	position: absolute; right: 0;  top: 6px;
}*/
.video-small .info .userLogin {
	color: #444444;
    font-size: 11px;
    padding: 5px 4px 5px 0;
    position: absolute;
    font-weight: bold;
}
.video-small .info .userLogin a {
	white-space:nowrap;
    color: #444444;
    display:block;
    height:15px;
    text-overflow:ellipsis;
    overflow: hidden;
    width:170px;
}
.video-small .info .userLogin a:hover {
    text-decoration: underline;
}
.video-small .info .nbView,
.video-small .info .timeago,
.video-small .info .nbComment {
    background-repeat:no-repeat;
    color: #999999;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 15px;
}
.video-small .info .nbView{
    /*background-position:left 6px;*/
    padding: 5px 0 0 25px;
    /*background-image:url('../../../images/common/eye.png');*/
    background: url('../../../images/common/sprite_common.png') no-repeat -9px 2px transparent;
}
.video-small .info .timeago {
    background-position: -10px -22px;
    /*background-position:left 4px;*/
    padding: 4px 0 2px 25px;
    /*background-image:url('../../../images/common/clock.png');*/
    background-image: url('../../../images/common/sprite_common.png');
}
.video-small .info .nbComment {
    padding-top: 5px;
}
.video-small .info .nbComment .icon {
    width: 17px;
    height: 15px;
    float: left;
    display: block;
    background-color: #999999;
    background: url('../../../images/common/sprite_common.png') no-repeat 0 -497px transparent;
    margin: 2px 5px 0 0;
}
.video-small .info .nbView .icon {
	display: block;
    background-color: #999999;
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #8d8d8d;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    padding: 3px;
    float: left;
    margin-right: 4px;
}

/**********************************/
/*********  HOVER VIDEO ***********/
/**********************************/

.video-small .header_bloc .hover_video{
    position: absolute;
    width:310px;
    height:135px;
    zoom:1;
    top:0;
    z-index: 20;
    display:none;
    float:left;
}

.video-small .header_bloc .hover_video a.watch {
    background: url("../../../images/common/watch.png") no-repeat scroll center top transparent;
    cursor: pointer;
    display: block;
    height: 107px;
    left: 0;
    position: absolute;
    top: 28px;
    width: 310px;
    z-index: 21;
}
/*.video-small .header_bloc .hover_video span.separator{*/
    /*width:3px;*/
    /*height:82px;*/
    /*background: transparent url('../../../images/common/separator_hover_video.png') top left no-repeat;*/
    /*left:154px;*/
    /*top:30px;*/
    /*position:absolute;*/
    /*z-index: 21;*/
    /*zoom:1;*/
/*}*/
.video-small .header_bloc .hover_video a.watch_later{
    display: block;
    width:14px;
    height:11px;
    background: transparent url('../../../images/common/watch_later_light.png') center no-repeat;
    bottom:5px;
    right:5px;
    position:absolute;
    cursor: pointer;
    z-index: 21;
    zoom:1;
}
.video-small .header_bloc .hover_video a.watch_later span.infobulle{
    position:absolute;
    border:0;
    left:0;
    top:0;
    padding:0;
    margin-top:-2px;
    margin-left:-80px;
    background:rgba(0,0,0,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C0000000, endColorstr=#C0000000)";
    zoom:1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display/*\**/: none\9;
    color:white;
    /*transform*/
    -webkit-transform:scale(0) rotateZ(-12deg);
    -moz-transform:scale(0) rotate(-12deg);
    -ms-transform:scale(0) rotateZ(-12deg);
    -o-transform:scale(0) rotate(-12deg);
    transform:scale(0) rotateZ(-12deg);
    /*transition*/
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -ms-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s;
    /*border-radius*/
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
    -moz-box-shadow:0 0 2px rgba(0,0,0,.5);
    box-shadow:0 0 2px rgba(0,0,0,.5);
    height:15px;
    line-height:13px;
    font-weight: normal;
    width:75px;
    text-align: center;
    z-index: 10002;
}
.video-small .header_bloc .hover_video a.watch_later span.infobulle.visible {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border:none;
    display/*\**/: block\9;
    /*transform*/
    -webkit-transform:scale(1) rotateZ(0);
    -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotateZ(0);
    -o-transform:scale(1) rotate(0);
    transform:scale(1) rotateZ(0);
}