body{
	text-align:center;
	margin-top:35px;
	padding:0;
	font-family:Verdana;font-size:12px;color:white;
	background: white;
	font-size:14px;
}

#cont{
	position:relative; 
	width : 600px;
	height: 406px;
	top : 70 px;
	margin:0 auto;
	text-align : left;
	background: url(img/login.png) top left no-repeat;
}

#cont_demo{
	position:relative; 
	width : 600px;
	height: 406px;
	top : 70 px;
	margin:0 auto;
	text-align : left;
	background: url(img/login_demo.png) top left no-repeat;
}


#init{
	position:relative; 
	width : 650px;
	height: 280px;
	top : 70 px;
	margin:0 auto;
	text-align : left;
	font-family : 'Trebuchet Ms';
	background: url(img/oubli.png) top left no-repeat;
	visibility : hidden;
}

#init div {
	position : relative;
	margin:0 auto;
	width : 600px;
	top : 60px;
	padding : 10px;
}

#error{
	position : relative;
	 
	/*left:50px; */
	width:500px;
	margin:0 auto;
	text-align:center;
	font-family:Verdana;font-size:11px;color: yellow; 
	/*text-shadow: 1px 1px 2px white; */
	
}

#wait2{
	position : relative;
	 
	width:200px;
	height:20px;
	text-align:center;
	font-family:Verdana;font-size:11px;color: cyan; 
	text-shadow: 3px 3px 2px black; 
	
	background: url(img/ajax-loader.gif) top right no-repeat;
	
}

#btn4 {
	position : absolute;
	top:10px;
	left:550px;
	/*width:50px;*/
}

#q{
	width:240px;
	border:0px;
}

#q23{
	position : absolute;
	top:164px;
	left: 254px;
	width:303px;
	height:20px;
	border:0px;
	
}

#oubli{
	position : absolute;
	top:281px;
	left:450px;
	color : white;
	font-size: 12px;
	text-decoration : none;
	
	/*visibility : hidden;*/
}




 a : visited {
	text-decoration : none;
	color : white;
}

a:link {text-decoration : none;
	color : white;}      /* unvisited link */
a:visited {text-decoration : none;
	color : white;}  /* visited link */
a:hover {text-decoration : none;
	color : white;}  /* mouse over link */
a:active {text-decoration : none;
	color : white;}  /* selected link */

#q22{
	position : absolute;
	top: 224px;
	left:254px;
	width:120px;
	height:20px;
	border:0px;
	
}

#q2{
	 
	width:240px;
	border:0px;/* 
	height:20px; */
	
}

#q3{
	position : absolute;
	top:233px;
	left:175px;
	width:100px;
	height:20px;
	background:#a8b65f;
	/**/border:0px;
	color:blue;
	
}

#q5{
	position : absolute;
	top:240px;
	left:245px;
	/* width:500px;
	height:15px; */
	 
	
}

#btn {
	position : absolute;
	top:281px;
	left:250px;
	/*width:50px;*/
}


#btn2{
	position : absolute;
	top:281px;
	left:359px;
	/*width:50px;*/
}

#erreur{
	position : absolute;
	top:315px;
	left:50px; 
	width:500px;
	text-align:center;
	font-family:Verdana;font-size:11px;color: white; 
	text-shadow: 1px 1px 1px red; 
	
}

#wait1{
	position : absolute;
	top:315px;
	left:140px; 
	width:200px;
	height:20px;
	text-align:center;
	font-family:Verdana;font-size:11px;color: white; 
	text-shadow: 3px 3px 1px red; 
	
	background: url(img/ajax-loader.gif) top right no-repeat;
	
}

#imag{
	position:relative; 
	  
	top:40px;
	 
}

#cont2{
	 position:relative; 
	width : 450px;
	
	margin:0 auto;
	background : #ffffE8;
	  
	text-align : left;
	border : 2px solid green;
}


#label {
	 position : absolute;	
	left:20px;
	 width : 180px;
	text-align : right;
	margin-top : 5px;
	 
}
#titre {
	 position : relative;		 
	 width : 550px;
	 font-family : Trebuchet MS;
	 font-size : 20px;
	 color:orange;
	 
	 
}

#label1 {
	 position : absolute;	
	left:20px;
	 width : 350px;
	text-align : left;
	margin-top : 5px;
	 
}

.input {
 position : relative;	
	 left:203px;
	
	
}

#dfv {
	 position : absolute;	
	left:203px;	
	 
	
}

#promo {
	height: 80px;
	width: 600px;
	margin: 0px auto 11px auto;
	overflow:hidden;
}
#promo>div{
	position:relative;
	top:0px;
	left:0px;
}
#accueil {
	position: relative;
	overflow: hidden;
	border-radius: 25px;
	border: 1px solid red;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 600px;
	margin: 120px auto;
	text-align: left;
	
	background: -webkit-linear-gradient(left,#DD5316, #FF8E06, #DD5316); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,#DD5316, #FF8E06, #DD5316); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,#DD5316, #FF8E06, #DD5316); /*Fx 3.6-15*/
	
	background: linear-gradient(to right, #DD5316, #FF8E06, #DD5316);;
	display: block;
}

#accueil h2{
	font-weight: 400;
	text-align:center;
	font-size: 19px;
}
#accueil #title{
	margin-bottom : 15px;
}
#accueil li{
	width: 100%;
	height: 23px;
}

#accueil ul{
	list-style-type: none;
}
#accueil input {
	width: 46%;
	float: left;
}
#accueil label {
	width: 50%;
	float: left;
}
#accueil #btnSubmit{
	width: 140px;
	margin-left: 201px;
	margin-top: 20px;
}

#accueil #errMsg{
	color: #ffff00;
	font-weight : bold;
}