.wrap{color: #2c3e50;}
.vignette-projet{position: relative;}
.vignette-projet:hover a{display: block;}
.vignette-projet a{ display:none;position: absolute; width: 50%; height: 100%; font-size: 50px; text-align: center; line-height: 140px; text-decoration: none;}
.vignette-projet a.btn-apercu{right: 0; top: 0;}
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;}
.btn-ok-chapter{margin-right: 10px;}
.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;}
.bibliotheque-image img{width: 140px; height: 140px;}
.bibliotheque-image .span2:nth-child(4n+1), .bibliotheque-video .span2:nth-child(4n+1){clear: left;}
.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; padding-bottom: 10px;}
#list-annotations{ background-color: #fff;}
.form-info-general-annotation{ }
.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: 70px; margin-bottom: 10px;}
.btn-cut-chapter{height:40px;position: absolute;top: 20px;left: 11px; width: 40px;}
.indicateur-chapter, .indicateur-annotation{z-index:999; left:10px; width: 1px; height: 100%;background-color: #000; position: absolute;}
.chapter-segments {overflow:hidden; width: 100%; height: 20px; margin: 0; position: relative;}
.chapter-segments li{position: absolute; top: 0; 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;}
.tab-pane.active{background-color: #F5F5F5;}
.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;}
.slider-duration.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{ background: #202020;}
.timeline-annotations-wrap{position: relative;background-color: #202020;}
.timeline-annotations{width: 460px;height: auto; position: relative; margin: 0; padding-top: 4px;}
.timeline-annotations li{display: block; width: 460px;height: 12px; position: relative; padding-bottom: 4px;}
.timeline-annotations .annotation{cursor: pointer; display:block; text-decoration:none; color:#000; text-align:center; font-size : 10px; overflow: hidden; line-height: 12px; width: 10px; height: 12px; background-color: #c0392b; position: absolute; top:0px;}
.timeline-annotations .annotation span, .timeline-annotations .annotation i{display: none;}
.timeline-annotations .annotation:hover span,
.annotation.editing span, 
.annotation.editing i{display: inline;}
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-audio-content textarea{max-width: 206px;}

.annotation-links-content .links-form:nth-child(n+2){border-top:1px solid; padding-top: 20px;}

td.list-chapter-tags, td.list-chapter-title, #list-annotations-rows > tr td:first-child{word-wrap: break-word; max-width: 75px;}
td.begin, td.duration, td.end{max-width: 40px;}

td.image-slideshow-row img{width: 60px; height: 60px;}
.project-title-editor input{margin-bottom: 0;}
#templates{display: none;}

.title-slideshow-row{word-wrap: break-word;width: 76px;}
.title-slideshow-row input{width: 70px;}
.description-slideshow-row{word-wrap: break-word; width: 180px; }
.description-slideshow-row span{max-height: 100px; display: inline-block; overflow: auto;}
.description-slideshow-row textarea{width: 164px; max-width: 164px; height: 100px;}
.label-modify-video, .label-add-video{display: none;}
/* 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;
}

.loader {
    background: url(../img/loader.gif) center no-repeat;
    background-size: 25px 25px;
}