@font-face {
		/*font-family: bantoo;
		src: url(../fonts/Bantoo.TTF);*/
	}
	body 
	{
		
		background-size:cover;
		background-attachment:fixed;
		background-position:center center;
		font-family: segoe;
		color: #FDFDFD;
		font-size: 12px;
	}
	#form-inscription
	{
		position:absolute;
		top:250px;
		left:30%;
		width:32%;
		-moz-border-radius:12px;
		-khtml-border-radius:12px;
		-webkit-border-radius:12px;
		opacity: 0.9;
		padding: 50px 3% 30px 5%;
		-moz-box-shadow:rgba(79,79,79,1) 0 0 5px 3px;
		-webkit-box-shadow:rgba(79,79,79,1) 0 5px 69px;
		-khtml-box-shadow:rgba(79,79,79,1) 0 5px 69px;
	}
	input
	{
		width:96%;
		height:40px;
		background:#fff;
		border:1px solid #ddd;
		-moz-border-radius:6px;
		-khtml-border-radius:6px;
		-webkit-border-radius:6px;
		padding:5px;
		color:#666;
		font-family: segoe;
		font-size: 24px;
	}
	#form-inscription .champ
	{
		width:300px;
	}
	.bouton
	{
		width:100px;
		height:35px;
		background:url(../images/bouton.png);
		border:1px solid #666;
		-moz-border-radius:6px;
		-khtml-border-radius:6px;
		-webkit-border-radius:6px;
		padding:5px;
		color:#ddd;
		font-family: segoe;
		font-size: 16px;
		font-weight:bold;
		cursor:pointer;
		opacity:0.80; 
	}
	.bouton:hover{
		color:#fff;
		opacity:1;
	}
	#banniere
	{
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		height:60px;
		background:url(../images/fantomes.png);
		border-bottom: 3px solid #fff;
	}
	#titre
	{
		position: absolute;
		top:0px;
		left:20px;
		width:700px;
		height:60px;
		font-size: 50px;
		color: #fff;
		font-weight:bold;
	}
	#fb
	{
		position: absolute;
		top:0px;
		left:420px;
		width:700px;
		height:60px;
		font-size: 50px;
		color: #02b118;
		font-weight:bold;
	}
	#temps
	{
		position: absolute;
		top:0px;
		right:20px;
		width:400px;
		height:60px;
		color: #fff;
		font-weight:bold;
	}
	#jour
	{
		position: absolute;
		top:0px;
		right:62px;
		width:250px;
		height:16px;
		font-size: 16px;
		text-align: right;
		color:#fff;
		font-weight:bold;
	}
	#user
	{
		position: absolute;
		top:25px;
		right:60px;
		width:400px;
		height:20px;
		font-size: 18px;
		text-align: right;
		color:#fff;
		font-weight:bold;
	}
	#deconnecte
	{
		position: absolute;
		top:15px;
		right:10px;
		/*width:100px;
		height:84px;*/
		font-size: 12px;
		/*background:url(../images/bt_deconnexion1.png);*/
		
		-moz-border-radius:4px;
		-khtml-border-radius:4px;
		-webkit-border-radius:4px;
		/*padding: 6px 0 0 0;*/
		text-align: center;
		cursor: pointer;
		font-weight:bold;
		
	}
	#deconnecte:hover
	{
		/*background:url(../images/bt_deconnexion2.png);*/
		background-color:none;
		
	}
	#pieds
	{
		position: absolute;
		bottom:0px;
		left:20%;
		width:60%;
		height:50px;
		font-size: 40px;
		
		-moz-border-radius:30px;
		-khtml-border-radius:30px;
		-webkit-border-radius:30px;
		
	}
	
	/************************** debut style anime footer administrator controller *******************************/
	
	a:focus {
	outline: none;
	}
	#panel {
		
		height: 80px;
		display: none;
			position: absolute;
			bottom:0px;
			left:20%;
			width:60%;		
			font-size: 40px;
			background:url(../../assets/jquery_fbn/images/fantomes.png);
			-moz-border-radius:30px;
			-khtml-border-radius:30px;
			-webkit-border-radius:30px;
	}
	#panel2 {
		
		height: 80px;
		display: none;
			position: absolute;
			bottom:0px;
			left:10%;
			width:30%;
			margin-left:250px;
			font-size: 40px;
			background:url(../../assets/jquery_fbn/images/fantomes.png);
			-moz-border-radius:30px;
			-khtml-border-radius:30px;
			-webkit-border-radius:30px;
	}
	.slide {
		margin: 0;
		padding: 0;
		/*border-top: solid 4px #422410;
		background: url(../jquery_fbn/images/btn-slide.gif) no-repeat center top;*/
	}
	.btn-slide {
		/* background: url(../jquery_fbn/images/white-arrow.gif) no-repeat right -50px; */
		text-align: center;
		width: 144px;
		height: 31px;
		padding: 10px 10px 0 0;
		margin: 0 auto;
		display: block;
		font: bold 120%/100% Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
	}
	.active {
		background-position: right 12px;
	}

/* fin style anime footer administrator controller */	
	
	#heure
	{
		position: absolute;
		top: 175px;
		left: 80px;
		color: #FDFDFD;
		font-size: 100px;
		background:url(../images/fantomes.png);
		padding: 0 5px 0 0px;
		border:none;
		-moz-border-radius:8px;
		-khtml-border-radius:8px;
		-webkit-border-radius:8px;
		text-align: left;
	}
	#min-sec
	{
		color: #FDFDFD;
		font-size: 40px;
		position: absolute;
		top: 305px;
		left: 80px;
		color: #FDFDFD;
		background:url(../images/fantomes.png);
		padding: 0px 7px 0px 10px;
		border:none;
		-moz-border-radius:8px;
		-khtml-border-radius:8px;
		-webkit-border-radius:8px;
		text-align: left;
	}
	#widget-clock
	{
		position: absolute;
		top: 120px;
		left: 20px;
		width:75px;
		height:75px;
		opacity: 1;
	}
	.menu
	{
		position: absolute;
		top: -20px;
	}
	.icone-menu
	{
		width:75px;
		height:75px;
		cursor: pointer;
	}
	.icone-menu:hover
	{
		position: absolute;
		top: -10px;
		left: -5px;
		width:100px;
		height:100px;
	}
	#img-application
	{
		position: absolute;
		left: 40px;
	}
	#img-gestion
	{
		position: absolute;
		left: 140px;
	}
	#img-bar
	{
		position: absolute;
		left: 230px;
	}
	#img-bar2
	{
		position: absolute;
		left: 20px;
	}
	#img-user
	{
		position: absolute;
		left: 320px;
	}
	#img-user2
	{
		position: absolute;
		left: 220px;
	}
	#img-help
	{
		position: absolute;
		left: 400px;
	}
	#img-help2
	{
		position: absolute;
		left: 120px;
	}
	#img-boutique
	{
		position: absolute;
		left: 510px;
	}
	#img-boutique2
	{
		position: absolute;
		left: 20px;
	}
	
	.style_page {
		width:100%;
		height:100%;
		background:url(../images/fantomes_blanc.png);
		z-index:10;
		position:fixed;
		background-size:cover;
		background-attachment:fixed;
		background-position:center center;
		top:0px;
		left:0px;
	}
	#page-rubrique
	{
		position: absolute;
		top:5%;
		left:10%;
		width:80%;
		height:85%;
		  background: url(../img/bg_login2.png) no-repeat 0% 0% transparent;
		  background-size:100%;
		-moz-border-radius:8px;
		-khtml-border-radius:8px;
		-webkit-border-radius:8px;
		-moz-box-shadow:rgba(79,79,79,1) 0 0 5px 3px;
		-webkit-box-shadow:rgba(79,79,79,1) 0 5px 69px;
		-khtml-box-shadow:rgba(79,79,79,1) 0 5px 69px;
	}
	#bouton-close
	{
		position: absolute;
		top:-16px;
		right:-16px;
		width:32px;
		height:33px;
		background:url(../images/close.png);
		cursor: pointer;
		z-index:15;
	}
	#grande-fenetre-rubrique
	{
		position: absolute;
		top:1%;
		left:1%;
		width:98%;
		height:98%;
	}

	/************************** fin style anime footer administrator controller *******************************/