﻿body{
		margin:0;
		overflow:hidden;
		-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	transition-timing-function: ease-in-out;
		}
#insc-div{
	display:none;
}

#notif{
	display:none;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:20px;
	background-color:#aaa;
	color:#000;
	position:fixed;
	top:0px;
	left:0px;
	border:solid 1px black;
	border-radius:10px;
	opacity:0;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	transition-timing-function: ease-in-out;
}
fieldset{
	background-color:#fff;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	transition-timing-function: ease-in-out;
	border:none;
	box-shadow:inset 0px 0px 5px rgba(0,0,0,.5);
}
		
		#waitLoading{
            background-color:#fff;
            position:fixed;
            bottom:0px;
            width:100%;
            height:100%;
            line-height:300px;
            opacity:1;
            		-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
		}
        #waitLoading2{
            text-align:center;
            z-index:5;
            background-color:#8286d8;
            position:fixed;
            bottom:0px;
            width:100%;
            height:100%;
            line-height:300px;
            opacity:1;
            		-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
		}
        #pannConnection{
            width:100%;
            height:100%;
            padding-bottom:20%;
            padding-top:20%;
            line-height:20%;

        }
        input{
            margin-bottom:10px;
        }
		
		.PageT{
		position:absolute;
		background-color:#fff;
		top:0;
		text-align:center;
		width:16%;
		margin-left:2%;
		height:30px;
		font-size:1.5em;
		padding-top:10px;
		padding-bottom:30px;
		border-bottom:3px solid black;
		border-radius:100px;
		z-index:1;
		}
		#Menu{
		position:fixed;
		width:160px;
		left:-150px;
		top:0;
		height:100%;
		background-color:#fff;
		z-index:2;
		-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;

		}
		#Page{
		position:relative;
		display:table;

		width:500%;
		text-align:center;
		left:0%;
		-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
		}

		
		#pageSearch{
				-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

		}
		#pagePseudo{
				-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

		}
		#pagePwd{
				-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

		}
		#pageSugest{
				-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

		}
		#pageDiscon{
				-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

		}
		#pageAdd{
				-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

		}
		.pageNav{
		display:table-cell;
		width:20%;
		text-align:center;
		}
/**:before,*:after,*{
	box-sizing:border-box;
}*/
		.blockC{
		}
		.blockM{
		}
		.blockMA{
		}
		.blockT{
		width:100px;
		text-align:center;
		padding:5px;
		}
		#TMenu{
		}
		.fieldblank{
		background-color:#fff;
		float:left;
		width:30px;
		height:5px;
		margin-top:6px;
		margin-left:2px;
		}
		#L2Menu{
		position:fixed;
		width:40px;
		height:40px;
		top:0px;
		left:0px;
		border-top-right-radius:5px;
		border-bottom-right-radius:5px;
		z-index:2;
		background-color:#000;
		}
		#LMenu{
		float:right;
		width:10px;
		height:100%;
		background-color:#000;
		}
		.pageContent{
		position:absolute;
		top:30px;
		margin-left:2%;
		margin-right:2%;
		margin-top:20px;
		width:16%;

		}
		#nom{
		display:inline;
		font-weight:bold;
		text-transform:uppercase;
		}
		.lab{
		width:170px;
		display:inline-block;
		text-align:left;
		}
		.lab50{
		width:50px;
		display:inline-block;
		text-align:left;
		}
		
		#panfirst{
			width:100%;
			height:100%;
			position:fixed;
			top:0px;
			left:0px;
			padding:0;
			margin:0;
		}
		.label{
			display:inline-block;
			line-height:15px;
			width:100px;
		}
		.label2{
			display:inline-block;
			line-height:15px;
			width:200px;
		}
		.itemfirst{
			position:fixed;
			width:100%;
			height:100%;
			display:block;
			padding:0;
			top:0;
			-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	transition-timing-function: ease-in-out;
		}
		#f1{
			background-color:#f0f;
			z-index:0;
			left:0%;
		}
		#f2{
			background-color:#ff0;
			z-index:0;
			left:100%;
		}
		#f3{
			background-color:#fff;
			z-index:0;
			left:100%;
		}
		#f4{
			background-color:#0ff;
			z-index:0;
			left:100%;
		}
		#passIntro{
			position:absolute;
			top:10px;
			right:0px;
			height:40px;
			line-height:40px;
			color:#fff;
			background-color:#f00;
			border:1px solid black;
			width:150px;
			padding-left:10px;
			border-bottom-left-radius:20px;
			border-top-left-radius:20px;
		}
		.nextIntro{
			position:absolute;
			border-bottom-left-radius:20px;
			border-top-left-radius:20px;
			border-left:1px solid black;
			right:0px;
			height:70%;
			margin-top:10%;
			margin-bottom:10%;
			top:0px;
			background-color:#aaa;
			opacity:0.6;
			line-height:40px;
			width:40px;
			writing-mode: tb-rl;
		}
		.prevIntro{
			position:absolute;
			border-bottom-right-radius:20px;
			border-top-right-radius:20px;
			border-right:1px solid black;
			left:0px;
			height:70%;
			margin-top:10%;
			margin-bottom:10%;
			top:0px;
			background-color:#aaa;
			opacity:0.6;
			line-height:40px;
			width:40px;
			writing-mode: tb-lr;
		}
		
#forget-div{
	display:none;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	opacity:0;
}
#loginafter{
	opacity:0;
	position:fixed;
	width:100px;
	display:inline-block;
	height:100px;
	margin-top:-70px;
	left:60%;
	display:none;
	line-height:1;
	background-color:#594;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
	border-top-right-radius:50px;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
     transform: rotate(-45deg);
}
