/*------------------HEADER-----------------*/
#testMonCloud:target{
	display:none;
}
#testMonCloud{
	display:block;
}
body {/*body properties*/
	min-width : 900px;
	max-height: 1000px;
	margin-left : 10px;
	margin-right : 10px;
	font-family : 'Times New Roman',Calibri,Arial;
	background-color : gray;
}
.httpsInfo{
	position:absolute;
	right: 15px;
}
.httpsInfo img{
	height:25px;
	vertical-align:bottom;
}
header { /*Header properties*/
	text-align : left;
	height : auto;
	font-family : 'Lucida Calligraphy' , 'Times New Roman';
	font-size : 15px;
	margin-bottom : 10px;
}
h1 img { /*inline display page title*/
	margin-right : 5px;
	float : left;
	height:initial;
}
.h1_Title{
	font-size : 40px;
}
.h1_subTitle{
	font-size : 18px;
	margin-left:230px;
}
nav{
	margin-top:-65px;
	text-align:right;
}
nav form, img{
	display: inline-block;
}
nav input,nav img{
	height:70px;
	opacity:0.65;
}
nav input:hover{
	opacity:1;
}

hr{
	height : 5px;
	color  : rgb(63,63,63) ;
	background : rgb(227,108,10);
}
.h1_discribe{
	font-family : 'Times New Roman';
	font-size : 16px;
	text-align:center;
	margin-top : 25px;
}
#main_page{
	border : 15px ridge black;
	padding : 10px;
	background-color : white ;
	color : grey;
	box-shadow : 10px 10px 5px rgb(63,63,63);
	position:relative;
}
.aideInfo{
	text-align:justify;
	max-height:430px;
	border : 15px ridge black;
	padding : 10px;
	color : grey;
	background-color : white ;
	box-shadow : 10px 10px 5px rgb(63,63,63);
	overflow:auto;
}

/*------------------button form-----------------*/
.formBtn {
	position:fixed;
	width:50%;
	min-width:550px;
	bottom:-55px;left:25%;right:25%;
	padding:10px;
	background-color:rgb(63,63,63);
	border: solid 5px rgb(227,108,10);
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	z-index:10;
	text-align:center;
}
.formBtn form{
	display:inline-block;
	margin:0 3% 0 3%;
}
.formBtn:hover {
	bottom:-5px;
}
.Btn input{
	height:70px;
	opacity:0.75;
}
.Btn:hover .btnUnder{
	opacity:1;
}
/*------------------Répertoire-----------------*/
.divFolders{
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	margin-top:10px;
	height:120px;
	text-align:center;
}
.lesFolders{
	display : inline-block;
	margin-left:10px;
	max-width:75px;
	overflow : hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.lesFolders:hover{
	overflow : visible;
	white-space: nowrap;
	color:black;
	background-color : white;
}
.lesFolders input{
	width:75px;
}
/*------------------POPUP WINDOW-----------------*/
.containerPopup{
	display: none;
	position: fixed;
	top:0; right:0; bottom:0; left:0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
}
.popup{
	padding-left : 10px;
	padding-bottom:10px;
	background: #fff;
	border: 5px solid rgb(227,108,10);
	position: relative;
	margin: 50px auto;
	width: 550px;
	min-height:150px;
	max-height:80%;
	box-shadow: 0px 0px 20px white;
}
img.upload_close {
	height:30px;
	position:absolute;
	right:-15px;
	top:-15px;
}
.popupImg{
	float: right;
	margin: 10px 0px 0 0;
	height:128px;
}
.userDirectoryList{
	background-color:beige;
	height:200px;
	margin:0 10px 10px 0;
	padding-left:5px;
	overflow:auto;
	border:solid 2px rgb(227,108,10);
	border-radius:5px;"}
}
.delDirErr{
	width:540px;
	height:200px;
	overflow:auto;
}
/*------------------Form COnnect-----------------*/
.connectForm{
	position:absolute;
	color:white;
	width:300px;
	padding:10px;
	top:300px;
	left:35%;
	right:35%;
	text-align:right;
	border:rgb(63,63,63) solid 2px;
	box-shadow: 0 0 10px 5px black;
}
.connectForm input{
	width:150px;
	margin-top : 10px;
}
.connectForm:hover{
	box-shadow: 0 0 10px 5px white;
}
/*------------------Integrity Form-----------------*/
.integrityForm{
	position:absolute;
	color:white;
	width:80%;
	padding:10px;
	top:300px;
	left:10%;
	right:10%;
	text-align:center;
	border:rgb(63,63,63) solid 2px;
	box-shadow: 0 0 10px 5px red;
}
.integrityForm Form{
	text-align:right;
}
.integrityForm input{
	width:150px;
	margin-top : 10px;
}
.integrityForm:hover{
	box-shadow: 0 0 10px 5px orange;
}
/*------------------coypright-----------------*/
.copyright{
	color:black;
	width:70%;
	padding:10px;
	margin:20px auto 20px auto;
	text-align:center;
    font-style: italic;
	border:transparent solid 2px;
	box-shadow: 0 0 10px 5px transparent;
	opacity:0.75;
}
.copyright:hover{
	border:rgb(227,108,10) solid 2px;
	box-shadow: 0 0 10px 5px rgb(227,108,10);
	color:white;
	opacity:1;
}
/*------------------files window-----------------*/
.filesWindow{
	max-width:100%;
	max-height:430px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border:rgb(63,63,63) solid 2px;
	overflow:auto;
	box-shadow: 0 0 10px 5px black;
}
.image{
	display:inline-block;
	text-align:center;
	width:250px;
	max-height:250px;
	overflow:hidden;
	text-overflow: ellipsis;
}
.image img{
	max-height:150px;
}
.form_FileWindow{
	position:relative;
}
.form_FileWindow audio{
margin-top:10px;
}
.video{
	display:inline-block;
	margin:10px;
	text-align:center;
}
.video video{
	max-width:320px;
	max-height:240px;
}
.btn_moveFile, .btn_delFile{
	position:absolute;
	top:-45px;
	right:0;
	font-weight:bold;
	background-color:green;
	font-style:bolder;
	border : 5px ridge black;
	padding:5px;
}
.btn_delFile{
	background-color:red;
}