.wrap{color: #2c3e50;}

header{background-color: #2980b9;height: 60px;border-bottom: 1px solid #E5E5E5;}

header .row > div{margin-bottom: 0; }

h1{color: #FFF;}

h1 span, h1 img{float: left;}

h1 img{margin-right: 8px;}

h1 a span{font-size: 16px; line-height: 20px; color: #FFF;}

h1 span{font-size: 24px;}

.nav-bar{margin-top: 10px; }

.nav-bar a:hover{text-decoration: none; color: #34495e;}

section{padding-top: 20px;}

.wrap-btn-add{line-height: 60px;text-align: right;}

.article-title{border-bottom: 2px solid #34495e; margin-bottom: 20px;}

article{margin-bottom: 20px;}

a{display: inline-block;}

footer {background-color: #F5F5F5;border-top: 1px solid #E5E5E5;margin-top: 70px;padding: 30px 0;text-align: center;}

table form, table input.in-table{margin: 0; padding: 0;}

.liste td.actions{line-height: 34px;}

td.actions a{width: 14px; text-align: center;}

.pagination{text-align: center;}

.breadcrumb{height: 50px; line-height: 50px; padding: 0 15px;}

.tab-behavior{text-align: center;}

.tab-behavior li{display: inline-block; float: none;}

td ul{margin-bottom: 0;}

.modal.popup{width: 970px; margin-left: -485px; height: 80%;}

.popup .modal-body{max-height: none; background-color: #fff; height: 80%;}

.previsualisation img{max-height: 400px;}

.modal-menu{margin: 0;}

.modal h4{border-bottom: 1px solid #EEE; padding-bottom: 8px;}

.modal textarea{max-width: 300px; max-height: 300px;}

.modal-menu li{list-style: none; margin-bottom: 10px; }

.modal-menu li a{display: block; line-height: 40px; text-align: left;}

.select-duration label{height: 20px; line-height: 20px; display: inline-block; margin-right: 10px;}

.liste td input{height: 28px;}

.project-head{background-color: #F5F5F5; padding: 10px 0; margin-bottom: 20px;}

.project-title-editor{line-height: 28px; }

.project-title-editor-form{margin: 0;}

.project-action a:last-child{margin-right: 20px;}

.chapter-widget-info{margin-bottom: 20px;}

.chapter-widget form{ margin: 0;}

.chapter-widget input, .form-info-general-annotation input, .form-info-general-annotation textarea{width: 196px; max-width: 196px;	}

.chapter-widget textarea{width: 426px; max-width: 426px; min-width: 426px; height: 20px;-webkit-transition: height .3s ease;-moz-transition: height .3s ease;transition: height .3s ease;}

.form-chapter-edit{}

.chapter-widget-info table{margin: 0; padding-top: 40px; }

.chapter-widget table td{}

.chapter-widget textarea:focus{height: 100px;}

.chapitre-cut-wrap{position: relative; height: 50px; margin-bottom: 10px;}

.btn-cut-chapter{position: absolute;top: 20px;left: 11px;}

.indicateur-chapter, .indicateur-annotation{z-index:100; left:10px; width: 1px; height: 100%;background-color: #000; position: absolute;}

.chapter-segments {width: 100%; height: 20px; margin: 0;}

.chapter-segments li{cursor:pointer; float: left; list-style: none; line-height: 20px; height: 20px; text-align: center; overflow: hidden;}

.list-chapter-wrap, .list-annotation-wrap, .section{background-color: #F5F5F5; border: 1px solid #E5E5E5;}

.list-chapter-wrap table, .list-annotation-wrap table{margin-bottom: 0;}

.list-chapter-wrap h4, .form-chapter-edit h4, .list-annotation-wrap h4, .title-section{padding: 10px; border-bottom: 1px solid; margin-bottom: 10px;}

.add-annotation-wrap, form.form-info-general-annotation{padding: 10px 0;}

form.form-info-general-annotation ul.tagit {margin-left: 0px;width: 195px;}

form.form-info-general-annotation textarea{min-height:100px; height: 100px;min-width: 196px;}

.add-annotation-wrap {margin-bottom: 20px; padding-top: 0;}

.slider-duration{width: 435px;display: inline-block; margin-bottom: 10px;}

.btn-save-annotation{margin-right: 10px;}

.edit-annotation-diaporama{}

.edit-annotation-title{border-bottom: 1px solid #E5E5E5; margin-bottom: 20px;}

.edit-annotation-title h3{display: inline-block;}

.edit-annotation-title span{text-align: right; line-height: 60px;}

.table td{vertical-align: middle;}

.table td td{padding: 1px; border: none;}

.table td td a{width: 12px;display: block;}

.config-diaporama{color: #FFF;}

.config-diaporama form{background-color: #34495e; padding: 4px 0; margin: 0; overflow: hidden;  line-height: 28px;}

.config-diaporama form label{display: inline-block; padding-left: 10px;}

.config-diaporama form input{margin-bottom: 0;}

.edit-annotation-text textarea{max-width: 446px;}

.wysiwyg-wrap{overflow: hidden; }

.ui-slider-handle.ui-state-default.ui-corner-all{border-radius: 0;}

.edit-annotation-html textarea{max-width: 446px;width:446px; }

.close-tab{vertical-align: super; margin-left: 8px; color: #c0392b; cursor: pointer; font-size: 12px; line-height: 14px;}

.close-tab:hover{color:#2c3e50;}

.html-apercu{overflow: auto; margin-top: 10px;}

.input-image-url{display: none;}

.timeline-annotations-wrap{position: relative;background-color: #ecf0f1;}

.timeline-annotations{width: 460px;height: 40px; position: relative;}

.timeline-annotations .annotation{width: 10px; height: 10px; background-color: #c0392b; position: absolute; top:15px;}

ul.tagit{margin-left: 10px;-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;}

.video-wrap{position: relative;}

.annotations-display{}

.annotation-display-view{display:none;text-align:center; line-height:200px;background-color: #fff;position: absolute; width: 200px; margin-left: -100px; height: 200px; margin-top: -100px; top: 50%; left: 50%;}

.list-current-annotations{position: absolute;bottom: 40px; left: 20px; margin: 0;}

.list-current-annotations li{list-style: none; margin-top: 4px;}

.list-current-annotations a{text-align:center; line-height:20px; color:#FFF;display: inline-block; background-color: #589; width: 20px; height: 20px; }

.list-current-annotations a:hover{text-decoration: none;}

.annotation-son-content textarea{max-width: 206px;}

/* Tangle */

.time-tangle {

	color: #2c3e50; cursor: w-resize; position: relative;

	border-bottom: 1px dashed #2c3e50;

}

.time-tangle:hover, 

.time-tangle.active {

    color: #c0392b; 

}

.time-tangle:hover:after, 

.time-tangle.active:after {

	position: absolute;

	display: inline-block;

    color: #2c3e50;  top: 18px; left: 50%; width: 160px;

    margin-left: -80px; font-size: 10px; text-align: center;

    content: "glisser pour modifier";

}

.time-tangle.deactivate:hover {

    border: none; color: #2c3e50;

}

.time-tangle.deactivate:hover:after {

    display: none;

}