/* Block modes */

.empty-mode .bloc-pvw,

.empty-mode .bloc-segmentation,

.segment-mode .bloc-pvw,

.pvw-mode .bloc-segmentation {

    display: none;

}

/* header - title-video-wrap */

.title-video-wrap a:hover{

	text-decoration: none;

}

.title-video-wrap p.time-length{

	position: absolute;

	top: 34px;

	color: #333333;

	font-size: 14px;

}

.mashup-total-duration {

	color: #de2500;

}

/* popin - update-title */

.update-title {

	top: 34px;

	left: 150px;

}

.update-title .form-right, 

.update-title .form-left{

	float: left;

}

.update-title textarea{

	width: 200px;

	height: 66px;

	max-width: 530px;

}

.update-title .form-left{

	margin-right: 12px;

}

.update-title .pointer{

	left: 110px;

}

.update-title label{

	display: block;

	margin-bottom: 4px;

}

.update-title input[type=text]{

	width: 200px;

}

.update-title p.titre-wrap{

	margin-bottom: 6px;

}

/* col */

.col-middle, 

.col-left, 

.col-right{

	float: left;

}

/* col-middle */

.col-middle{

	width: 460px;

	min-height: 1px;

}

.col-middle-header{

	height: 35px;

	font-size: 16px;

	clear: both;

}

/* Tabs */

.tab {

	height: 35px;

	line-height: 35px;

	color: #30036d;

    padding: 0 10px;

    width: 210px;

    float: left;

    background-position: 0 -35px;

}

.tab:hover{

	color: #FF00FC;

}

.tab.disable, 

.tab.disable:hover{

	color: #796891;

}

.tab-segment {

	background-image: url(../img/bg-segmenter.png);

}

.tab-pvw {

	background-image: url(../img/bg-previsualiser.png); text-align: right;

}

.pvw-mode .tab-pvw, .segment-mode .tab-segment {

    width: 250px; background-position: 0 0; font-weight: 600;

}

.segment-mode .tab-pvw, .pvw-mode .tab-segment {

    width: 170px; color: #796891;

}

.tab-media-title {

    font-style: italic; font-weight: normal;

}

.empty-mode .tab-media-title, .pvw-mode .tab-media-title {

    display: none;

}

/* col-middle - bloc-segmentation */

.bloc-segmentation{

	position: relative;

}

}

/* col-middle - bloc-vide */

.tutorial{

	padding: 0 10px;

	color: #FFF;

	font-weight: 600;

}

.tutorial h2{

	padding-top: 16px;

	font-size: 18px;

	margin-bottom: 20px;

}

.tutorial ol{

	padding-left: 22px;

}

.tutorial ol li:first-child{

	width: 324px;

}

.tutorial ol li{

	list-style: decimal;

	font-size: 14px;

	margin-bottom: 16px;

	padding-left: 20px;

}

/* col-left */

.col-left,

.col-right{

	width: 250px;

	min-height: 750px;

	background: url(../img/bg-col.png) repeat-x 0 0 #e6e6e6;

}

.col-left form{

	background: url(../img/bg-video-search.png) 0 0 repeat-x #906ebe;

	height: 70px;

	padding-left: 10px;

	margin-bottom: 1px;

}

.col-left form h2{

	padding-top: 8px;

	margin-bottom: 12px;

	color: #30036d;

	font-size: 16px;

	font-weight: 600;

}

.col-left input[type=text]{

	width: 206px;

	font-size: 14px;

	border: none;

	height: 20px;

	padding: 0 20px 0 4px;

	-webkit-border-radius: 4px;

  	-moz-border-radius: 4px;

  	border-radius: 4px;

}

.col-left form p{

	position: relative;

	width: 230px;

}

.col-left input[type=text]::-webkit-input-placeholder{

	color: #b48aed;

	font-style: italic;

}

.col-left input[type=text]:-moz-placeholder { 

	color: #b48aed;

	font-style: italic;

}

.col-left input[type=submit]{

	position: absolute;

	right: 2px;

	width: 20px;

	top: 0;

	height: 20px;

	border: none;

	z-index: 2;

	background: #FFF url(../img/zoom-icon.png) 2px 3px no-repeat;

}

.col-left .item-video:hover,

.col-left .item-video.active{

	background: url(../img/arrow-item-video-sprite.png) right center no-repeat;

}

/* col-right */

.col-right{

	width: 250px;

}

.col-right .liste-segment{

	height: 70px;

	background: url(../img/bg-liste-segment.png) repeat-x 0 0;

	padding: 0 10px;

	width: 230px;

}

.col-right .liste-segment h2{

 	text-align: right;

 	color: #30036D;

	font-weight: 600;

	font-size: 16px;

	margin-bottom: 12px;

	padding-top: 8px;

}

.col-right .frise{

	width: 228px;

	position: relative;

	height: 20px;

}

.col-right .frise-segment{

	height: 20px;

}

.col-right .frise-indication{

	height: 20px;

	line-height: 20px;

}

.col-right .item-video:hover,

.col-right .item-video.active{

	background: url(../img/arrow-item-video-sprite.png) left center no-repeat;

}

/* tools */

.tools {

    height: 17px;

}

.tools li{

	float: left;

}

.tools a{

	display: block;

	width: 17px;

	height: 17px;

	background: url(../img/tools-sprite.png) no-repeat 0 0;

}

.tools a.edit{

	background-position: 2px 0;

}

.tools a.edit:hover{

	background-position: 2px -32px;

}

.tools a.edit.disable:hover, 

.tools a.edit.disable{

	background-position: 2px -16px;

}

.tools a.bottom{

	background-position: -19px 0;

}

.tools a.bottom:hover{

	background-position: -19px -32px;

}

.tools a.bottom.disable:hover, 

.tools a.bottom.disable{

	background-position: -19px -16px;

}

.tools a.top{

	background-position: -40px 0;

}

.tools a.top:hover{

	background-position: -40px -32px;

}

.tools a.top.disable:hover, 

.tools a.top.disable{

	background-position: -40px -16px;

}

.tools a.delete{

	background-position: -61px 0;

}

.tools a.delete:hover{

	background-position: -61px -32px;

}

.tools a.delete.disable:hover, 

.tools a.delete.disable{

	background-position: -61px -16px;

}

/* Video */

.video{

    width: 460px;

    height: 300px;

    position: relative;

    background: #333333;

}

a.publier-button{

    position: absolute;

    width: 69px;

    height: 67px;

    background: url(../img/publier-button-sprite.png) 0 0 no-repeat;

    left: 382px;

    top: 10px;

    z-index: 4;

}

a.publier-button:hover{

    background-position: 0 -67px;

}

a.publier-button.disable{

    background: url(../img/publier-button-sprite.png) 0 -67px no-repeat;

}

a.publier-button.disable:hover{

    background-color: none;

}