/*
	ACTIONS COMMUNES SUR LES BOUTONS
*/
.field_manager,
.load_manager,
.view_thumb,
.del_thumb {
	float: left;
	margin-right:5px;
	cursor: pointer;
	display: block;
	cursor: pointer;
    text-align: left;
}
.view_thumb + img.preview {
	position:fixed;
	max-width:90%;
	max-height:90%;
	left:50%;
	top:10%;
	z-index:10000;
	padding:0 0 24px 0;
	background:#fff url('../img/btn/close.png') bottom right no-repeat;
}
.field_manager { width:66%;}
.field_manager:hover,
.load_manager:hover,
.view_thumb:hover,
.del_thumb:hover,
.btn_rename:hover {
	text-decoration: none!important;
	color: #fff!important;
}
/* 
	MANAGER DE FICHIERS + MANAGER DE CAPTURES VIDÉOS
*/
.form_manager,
.form_manager_capture {
	position: fixed;
	top: 0px!important;
	left: 0px;
	z-index: 4000;
	height: 100%;
	width: 100%;
	background: transparent url('../img/background.png') top left repeat;
	display: none;
}
.form_manager_capture {z-index:4001;}
.form_manager_lightmode {
	position: relative;
	float: left;
	display: none;
	height:100%;
	overflow:hidden;
}
.form_manager_lightmode.hidden {display: block!important;}
.form_manager_lightmode a.preview img{max-height:100px;}
.form_manager_lightmode a.preview+i+input[type="file"] {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity: 0;
	cursor: pointer;
	z-index:2;
}
.form_manager_lightmode.hidden a.preview+i+input[type="file"] { display: none;}
.form_manager_lightmode .load_manager.preview {float:none;}
.form_manager_lightmode>i.icon-upload { 
	display: none;
	position: absolute;
	bottom:30px;
	left:0;
	width:100%;
	color:#000;
	text-align: center;
	font-size:30px;
	z-index:1;
}
.form_manager_lightmode:hover>i.icon-upload {
	display: block;
}
section.manager,
section.manager_capture {
	display: block;
	position: fixed;
	top: 80px!important;
	z-index: 10;
	width: 1024px;
    border-radius:3px;
    border-top:1px solid #000;
	margin: 0 auto;
	color: #373737;
	background-color: #ffffff;
}
.manager_title,
.manager_capture_title {
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.067);
	text-align:center;
	margin:0;
	padding:10px;
}
.manager_arbo,
.manager_info {
	padding:5px 20px;
}
/* 
	BOUTONS DE FERMETURE DU MANAGER DE FICHIERS + MANAGER DE CAPTURES VIDÉOS
*/
.close_manager,
.close_manager_capture {
	position: absolute;
	top:15px;
	right:20px;
	display:block;
	cursor:pointer;
	font-size:25px;
}
/* 
	CONTENEUR DES DOSSIERS & FICHIERS - RÉPERTOIRE COURRANT 
*/
.holder {
	float: right;
    width: 688px;
	height: 250px;
    margin: 20px 0;
	z-index: 20;
	overflow: hidden;
	position: relative;
	padding:10px;
    border: 1px dashed #373737;
    border-left-width: 5px;
    border-radius: 3px;
	border-left-color:#337ab7;
	border-left-style: solid;
}
.holder.hover {
	border-top: 10px dashed #51a449;
    border-bottom: 10px dashed #51a449;
    border-left: 10px dashed #51a449;
}
.holder .folder {
	float: left;
	display: block;
	background:#fff url('../img/holder/folder.png') top left no-repeat;
	width: 76px;
	height: 100px;
	margin: 7px;
	cursor: pointer;
	z-index: 50;
	position: relative;
}
.holder .folder:hover {background-color: #dee6e7;}
.holder .folder span {
    display: block;
	width:100%;
	position: relative;
	bottom:2px;
	left:0;
    text-align: center;
	color: #373737;
	word-wrap: break-word;   
	font-size:11px;
	line-height:10px;
}
.holder .folder span i { 
	position: relative;
	top:-40px;
	font-size:25px;
	color:#373737;
}
.holder .folder .folder_name {
    padding-top: 120%;
}
.holder .file {
	float: left;
    display: block;
	width: 76px;
	height: 100px;
    margin: 7px;
	overflow: hidden;
	box-shadow:1px 1px 2px #666;
	position: relative;
	z-index: 50;
}
.holder input.file_to_use {
	position: absolute;
	top: 0;
	right: 5px;
}
.holder .file img,
.holder .file span {
    display: block;
	float: left;
}
.holder .file img+label {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	width: 76px;
	height:30px;
	margin: 0;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
}
.holder .file .info {
	position: absolute;
	min-width: 130px;
	cursor: pointer;
	background-color: #373737;
    background-image: linear-gradient(to bottom, #373737, #000);
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	border: 5px solid #000;
    padding: 5px;
	margin: 0;
	z-index: 100;
}
.file .transcodage {
	position: absolute;
	background: transparent url('../img/encoding.png') top left no-repeat;
	width: 76px;
	height: 100px;
	display: block;
}
.holder p {
    font-size: 14px;
    margin: 10px;
}
.holder .overview { background: transparent url('../img/holder/background.jpg') top left no-repeat;}
/* 
	CONTENEUR DES DOSSIERS - ARBORESCENCE LATÉRALE 
*/
.tree {
	float:left;
    width:260px;
	height:272px;
	padding:20px 10px 0 0;
	overflow:hidden;
	position:relative;
}
.tree .folder {
	float: left;
	display: block;
	clear: both;
}
.tree .folder .folder_arrow {
	float: left;
	display: block;
	cursor: pointer;
	height: 12px;
	width: 12px;
	margin: 6px 3px 6px 0;
}
.tree .folder .folder_name {
	float: left;
	display: block;
	background: transparent url('../img/tree/folder.png') top left no-repeat;
	cursor: pointer;
	height: 25px;
    text-align: left;
	padding: 0 5px 0 30px;
	line-height:25px;
	color: #373737;
	overflow: hidden;
	-o-text-overflow: ellipsis; /* pour Opera 9 */
	text-overflow: ellipsis; 
}
.tree .folder.indent {margin-left: 30px;}
.folder .folder {margin-left: 15px;}
.folder.current > span {
	font-weight: bold;
	color:#000!important;
}
.tree .folder span:hover img {background-color: #000;}
/* 
	BARRE DE PROGRESSION 
*/
.progress_lightmode{
	height: 100%;
	margin-bottom: 0;
}
.progress_lightmode .progress-bar{line-height: 34px;}
/* 
	MENU OPTION DOSSIERS & FICHIERS 
*/
.contextmenu ul.menu {
	position: absolute;
	min-width: 140px;
	background-color: #fff;
    box-shadow: 0 1px 4px #666;
	z-index:4100;
	cursor: pointer;
}
.contextmenu ul.menu li {
	display: block;
	float: none;
	margin:0;
	padding:10px;
	list-style-type:none;
	color: #373737!important;
	font-size:15px;
}
.contextmenu ul.menu li:nth-child(-n+2):hover {
	background-color:#337ab7;
	color:#fff!important;
}
.contextmenu ul.menu li.form_rename {
	width: 255px;
}
.contextmenu ul.menu li .input_rename {
	border: 1px solid #000;
	float: left;
	margin-right: 5px;
	margin-bottom:5px;
	font-weight: normal;
	color: #000;
}
.contextmenu ul.menu li a.btn_rename {
	display: block;
	float: left;
	color: #fff;
    background-color: #337ab7;
	background-image:none;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    padding: 1px 5px;
	cursor: pointer;
}
.contextmenu ul.menu li a.btn_rename:hover,
.contextmenu ul.menu li .input_rename:hover{
	text-decoration: none;
	font-weight: normal;
	color: #000;
}
/*
	BOUTONS DE VALIDATION SÉLECTION DES FICHIERS + BOUTON ASSISTANT CAPTURE VIDÉOS
*/
.option_file {
	width: 100%;
	line-height: 30px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}
.select_manager,
.capture_manager {
	margin:auto;
	display:block;
	width:150px;
}
/*
	INFORMATIONS SUR L'UPLOAD
*/
.manager_info {
	float:right;
	width: 984px;
	height: 150px;
	margin:0;
	overflow:hidden;
}
.manager_info div.info_upload {
	float:left;
	width:253px;
	margin-right: 15px;
}
.manager_info div.info_upload input[type="file"]{border:none;}
/*
	HISTORIQUE DES ACTIONS UTILISATEUR
*/
.manager_info div.info_history {
	float:right;
	width:690px;
	padding:5px 10px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius:3px;
	border-left-color:#000;
	border-left-style:solid;
}
.manager_info div.info_history .history_head {
	background-color:#efefef;
	font-weight:bold;
	text-align:left;
}
.info_history .history_head, .info_history .history_row {
    float: left;
    margin: 0;
    padding: 0;
	border-radius: 0;
	width:100%;
}
.info_history .history_row {min-height:32px;}
.info_history .history_row > * {line-height:32px;}
.history_row > *, .history_head > * {
    display: block;
    float: left;
	padding: 0 10px;
	line-height: 21px;
}
.manager_info div.info_history .history_head .history_time{width: 150px;}
.manager_info div.info_history .history_head .history_file{width: 240px;}
.manager_info div.info_history .history_head .history_msg{width: 240px;}
.manager_info div.info_history .history_row .history_time{width: 139px;}
.manager_info div.info_history .history_row .history_file{width: 230px;}
.manager_info div.info_history .history_row .history_msg{width: 230px;}
/* 
	SCROLLBARRES
*/
.holder .viewport {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
	z-index:2;
}
.tree .viewport {
    height: 252px;
    overflow: hidden;
    position: relative;
    width: 245px;
}
.holdercapture .viewport {
    height: 280px;
    overflow: hidden;
    position: relative;
    width: 969px;
}
.info_history .viewport {
    height: 95px;
    overflow: hidden;
    position: relative;
    width: 659px;
}
.holder .overview,
.tree .overview,
.holdercapture .overview,
.info_history .overview {
    position: absolute;
    left: 0;
    top: 0;
	display: block;
    min-height: 252px;
	width:100%;
    margin: 0;
    padding: 0;
    list-style: outside none none;
}
.holdercapture .overview {
	min-height: 280px!important;
	position: relative;
	float: left;
}
.info_history .overview {
	min-height: 95px!important;
	position: relative;
	float: left;
}
.holder .scrollbar,
.tree .scrollbar,
.holdercapture .scrollbar,
.info_history .scrollbar {
    float: right;
    position: relative;
    width: 15px;
    background-color:#efefef;
	z-index:3;
}
.holder .scrollbar { 
	position: absolute;
	top:5px;
	right:5px;
}
.holder .track,
.tree .track,
.holdercapture .track,
.info_history .track {
    height: 100%;
    padding: 0 1px;
    position: relative;
    width: 13px;
}
.holder .thumb,
.tree .thumb,
.holdercapture .thumb,
.info_history .thumb {
    background: transparent url("../img/scrollbar/track.png") no-repeat scroll 50% 100%;
    cursor: pointer;
    height: 20px;
    left: -5px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 25px;
}
.holder .thumb .end,
.tree .thumb .end,
.holdercapture .thumb .end,
.info_history .thumb .end {
    background: transparent url("../img/scrollbar/trackend.png") no-repeat scroll 50% 0;
    height: 5px;
    overflow: hidden;
    width: 25px;
}
.noSelect {-moz-user-select: none;}
.hidden {display: none!important;}
section.manager h3 {
	width: 100%;
	text-align: center;
}
/*
	MANAGER DE VIDÉOS + CAPTURES VIDÉOS
*/
section.manager_capture {width: 1024px!important;}
.holdercapture {
	width:100%;
}
section.manager_capture article {
	padding:10px 20px;
}
.capture_head { text-align: center;}
.capture_row > [class*="video"], 
.capture_head > [class*="video"] {
    display: block;
    float: left;
	padding: 0 10px;
}
.holdercapture .capture_row {
    margin-top: 10px;
    padding: 0;
	border-radius: 0;
}
.holdercapture .capture_row > h3 {margin-bottom: 10px;}
section.manager_capture div.holdercapture .capture_row > [class*="video"],
section.manager_capture div.holdercapture .capture_head > [class*="video"] {width: 464px;}
section.manager_capture div.holdercapture .capture_row .video .capture_videothumb {
    height: 35px;
    width: 100%;
	margin: 10px 0;
}
.holdercapture .video video,
.holdercapture .videothumb img{
	margin:auto;
	position: relative;
	display:block;
}

/* PIÈCES JOINTES SUR FORMULAIREZ DE CONTACT */
#form_manager_contactfichier a.field_manager,
#form_manager_contactfichier .load_manager,
#form_manager_contactfichier .view_thumb,
#form_manager_contactfichier .del_thumb {display:none;}
ul#liste_contactfichier li,
ul#liste_contactfichier li *{cursor:pointer;}
ul#liste_contactfichier li img,
ul#liste_contactfichier li a{display:inline-block;}
ul#liste_contactfichier li a{width:calc(100% - 12px);}
ul#liste_contactfichier li a input[type="text"]{border: none;}