.wrap{color: #2c3e50;}
.tab-content{overflow: hidden;}
.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;}
.label-left{text-align: left; padding-left: 10px;}
.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: 1px; width: 40px;}
.indicateur-chapter, .indicateur-annotation{z-index:999; left:0; 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-info-general-annotation{padding: 10px 0;}
.form-info-general-annotation ul.tagit {margin-left: 0px;width: 195px;}
.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;}
.table th.copy-url{width: 135px;}
.config-slideshow{color: #FFF;}
.config-slideshow form{background-color: #34495e; padding: 4px 0; margin: 0; overflow: hidden;  line-height: 28px;}
.config-slideshow form label{display: inline-block; padding-left: 10px;}
.config-slideshow form input{margin-bottom: 0;}
.edit-annotation-text textarea{max-width: 446px;}
.wysiwyg-wrap{overflow: hidden; padding: 0 0 2px 2px; }
.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;}
.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;}
.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;}
.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-decoration: none;line-height:20px; color:#202020;display: inline-block; background-color: #589; height: 20px; padding: 0 4px; }
.list-current-annotations a:hover span{display: inline-block;}
.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;}
.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;}

a.open-tab{text-shadow:none;}
a.open-tab:hover{background-color: #E6E6E6;}
.open-tab.video i{color: #BE4477;}
.open-tab.text i{color:#5E90CB;}
.open-tab.slideshow i{color:#F69058;}
.open-tab.audio i{color:#63BE6C;}
.open-tab.links i{color:#8985BB;}

.input-image-url,
.annotation span,  .annotation i,
.label-modify-video, .label-add-video,
#templates,
.list-current-annotations a span,
.alert-message,
.alert,
.links-rows .help-inline{display: none;}

.shadow {background-color: #54D0ED !important;}

/* 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;
}
.user-login-logout{float:right; font-size:12px;}
