#save_as{
	padding: 0px; 
	margin:0px;
}
.ordinateur #content_save_as{
	min-height: 15em; 
	min-width: 40em;
	max-width: 50em;
	display: flex;
}
.tablette #content_save_as{
	min-height: 15em; 
	display: flex;
}
.mobile #content_save_as{
	min-height: 15em; 
}
#tree_left{
	max-height: 20em;
	overflow-y: auto;
}
#left_panel .ui-resizable-handle{
	border-right: 1px solid #9c9c9c;
}
.ordinateur #left_panel{
	/*
	flex prevent resize
	flex:1;
	*/
	min-width: 11em;
	max-width: 20em;
}
.tablette #left_panel{
	flex:1;
}
.mobile #left_panel{
	width: 40%;
	display: inline-block;
	vertical-align: top;
}

#right_panel{
	max-height: 20em;
	overflow: auto;
}
.ordinateur #right_panel{
	flex:3;
}
.tablette #right_panel{
	flex:2;
}
.mobile #right_panel{
	display: inline-block;
	width: 58%;
	vertical-align: top;
}

#save_as_toolbar{
	width:99%;
	height: 9%;
	margin-left: 1.5px;
}

#fil_arianne{
	list-style: none;
	float: left; 
	width:92%;
	margin-left: 1.5px;
	margin-right: 0px;
	padding-left: 0px;
	margin-top:2px;
	white-space: nowrap; 
	overflow: hidden;
}

#save_as_img{
	margin-top:2px;
	float: right;
	cursor: pointer;
}

#tree_right{
	width:100%;
	height: 99%; 
	padding-top: 3px;
	white-space:nowrap; 
	overflow-y : auto;
}

#save_as_footer{
	border-top: 1px solid black; 
}
#save_as_footer #nom{
	padding: 0.5em; 
}
#save_as_footer #save_as_name{
	width: 100%;
}
.dlg-saveas .ui-dialog-buttonset{
	width: 100%;
}
.dlg-saveas .ui-button{
	float: right;
}
.dlg-saveas .ui-button.dlg-btn-left{
	float: left;
}
.dlg-saveas .save_as_duplicate_container{
	min-width: 32em;
	padding:0;
	list-style: none;
	max-height: 20em;
	padding: 0 0.2em;
	overflow-y: auto;
}
.dlg-saveas .save_as_duplicate_container li{
	display:flex;
	margin: 0.1em 0;
}
.dlg-saveas .save_as_duplicate_container li > span{
	flex:3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dlg-saveas .save_as_duplicate_container li .duplicate-titre{
	flex: 4;
}
.dlg-saveas .save_as_duplicate_container span.duplicate-btn-delete-container{
	border:1px solid #CACACA;
	flex: 2;
	text-align: center;
}
.dlg-saveas .save_as_duplicate_container span.duplicate-btn-delete-container:hover{
	cursor: pointer;
	filter:brightness(50%);
}
