/*Media Queries*/
@media screen and (max-device-width:900px){

/*------------------HEADER-----------------*/
body {/*body properties*/
	min-width : 100%;
	height : auto;
	margin-left : 0;
	margin-right : 0;
	font-family : 'Times New Roman',Calibri,Arial;
	background-color : transparent;
}
.httpsInfo{
	position:absolute;
	right: 0px;top:-10px;
}
.httpsInfo img{
	height:25px;
	vertical-align:bottom;
}
header { /*Header properties*/
	text-align : left;
	height : auto;
	font-family : 'Lucida Calligraphy' , 'Times New Roman';
	font-size : 20px;
	margin-bottom : 0px;
}
h1 img { /*inline display page title*/
	margin-right : 5px;
	float : left;
	height:40px;
}
.h1_Title{
	font-size : initial;
}
.h1_subTitle{
	font-size : initial;
	margin-left:0px;
}
nav{
	position:static;
	width:100%;
	margin-top:-25px;;
	text-align:center;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
}
nav form{
	display: inline-block;
}
nav input{
	height:75px;
	//width:50px;
	opacity:0.75;
}
nav input:hover{
	opacity:1;
}
nav img{
	height:45px;
	width:auto;
	opacity:0.75;
}
nav img: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 : 0;
}
#main_page{
	border : none;
	padding : 0;
	background-color : white ;
	color : grey;
	box-shadow : none;
	position:relative;
}
/*------------------button form-----------------*/
.formBtn {
	position:fixed;
	width:100%;
	min-width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	bottom:-5px;left:0;right:0;
	padding:10px;
	background-color:black;
	border:none;
	border-top-left-radius:0;
	border-top-right-radius:0;
	z-index:10;
	text-align:center;
}
.formBtn form{
	display:inline;
	margin:0 3% 0 0 ;
}
.Btn input{
	height:70px;
	opacity:0.6;
}
.Btn:hover .btnUnder{
	opacity:1;
}
/*------------------Répertoire-----------------*/
.divFolders{
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	height:100px;
	text-align:center;
	border-radius:15px;
	border-top:double 5px rgb(227,108,10);
	border-bottom:double 5px rgb(227,108,10);
}
.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;
}
.lesFolders input{
	width:75px;
}
/*------------------POPUP WINDOW-----------------*/
.containerPopup{
	padding : 10px;
	position: fixed;
	top:0; right:0; bottom:0; left:0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
}
.popup{
	padding:10px;
	background: #fff;
	border: 5px solid rgb(227,108,10);
	position: relative;
	margin:5%;
	max-width: 80%;
	max-height:75%;
	box-shadow: 0px 0px 20px white;
	overflow:auto;
}
img.upload_close {
	height:30px;
	position:absolute;
	right:10px;
	top:10px;
}
.popupImg{
	float: none;
	margin: 10px 0px 0 0;
	height:30%;
}
.popup input{
	text-align:center;
	width:100%;
}
.userDirectoryList{
	height:30px;
}
.userDirectoryList input{
	text-align:left;
	width:auto;
}
.userDirectoryList:hover{
	height:150px;
}
/*------------------UPLOADER WINDOW-----------------*/
/*------------------Form COnnect-----------------*/
.connectForm{
	color:rgb(63,63,63);
	width:80%;
	padding:10px;
	top:300px;
	left:5%;
	right:5%;
	text-align:right;
	border:rgb(63,63,63) solid 2px;
	box-shadow: 0 0 10px 5px white;
}
.connectForm input{
	width:150px;
	margin-top : 10px;
}
.connectForm:hover{
	box-shadow: 0 0 10px 5px black;
}
/*------------------Integrity Form-----------------*/
.integrityForm{
	//position:absolute;
	color:black;
	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:300px;
	padding:10px;
	margin:20px auto 20px auto;
	text-align:center;
	border:rgb(63,63,63) solid 2px;
	box-shadow: none;
	opacity:0.75;
}
.copyright:hover{
	border:rgb(227,108,10) solid 2px;
	box-shadow: 0 0 10px 5px rgb(227,108,10);
	color:rgb(227,108,10);
	opacity:1;
}
/*------------------files window-----------------*/
.filesWindow{
	max-width:100%;
	max-height:220px;
	padding:10px;
	text-align:center;
	border-radius:15px;
	border-top:double 5px rgb(227,108,10);
	border-bottom:double 5px rgb(227,108,10);
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	text-overflow:hidden;
	box-shadow: none;
	margin-bottom : 95px;;
}
.image{
	display:inline-block;
	text-align:center;
	width:150px;
	height:250px;
	overflow:hidden;
	text-overflow: ellipsis;
}
.image img{
	max-height:150px;
}
.form_FileWindow{
	position:relative;
}
.audio{
	display:inline-block;
	text-align:center;
	margin:auto;
	//border-bottom:double 5px rgb(227,108,10);
}
.video{
	display:inline-block;
	margin:auto;
	text-align:center;
}
.video video{
	max-width:300px;
}
.btn_moveFile, .btn_delFile{
	position:fixed;
	width:100%;
	height:auto;
	top:0%;
	background-color:green;
	font-style:bolder;
	padding:5px;
	Z-index:20;
}
.btn_delFile{
	background-color:red;
}

}