.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;}

.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: 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-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;}

.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-decoration: none;line-height:20px; color:#202020;display: inline-block; background-color: #589; height: 20px; padding: 0 4px; }

.list-current-annotations a span{display: none;}

.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;}

#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;}

.shadow {

    background-color: #00FFFF !important;

}

.alert-message{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;

}