/* 
     CSS  
	 TrocDoc.ma
*/
body{
	text-align:center;
	width: 642px;
	margin:auto;
	margin-top: 20px;
	margin-bottom:20px;
	background-color:#e5e5e5;
	padding: 0;
	}

.hide {
display:none;
}
.clear {
   clear: both;
}
.CU{
margin: 10px;
text-align:justify;
color: #9ba1a7;
font-family: arial;
font-size: 12px;
}
.titre{
	margin: 10px;
	height: auto;
	width: 400px;
	color: #9ba1a7;
	font-family: arial;
	font-size: 20px;
	text-align: left;
}
.err{
	margin:0;
	padding:0px 0 0 20px;
	color:#dd2222;
	text-align:left;
	background:url('images/err.gif') top left no-repeat;
	font-family: arial,Verdana, Geneva, sans-serif;
	font-size: 12px;
	
}
.valid{
	margin:0;
	padding:0px 0 0 54px;
	color:#63a9ea;
	text-align:left;
	background:url('images/valid.gif') top left no-repeat;
	font-family: arial,Verdana, Geneva, sans-serif;
	Height:50px;
	font-size: 20px;
	
}
a{
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-decoration:none;
}
a:hover{
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-decoration:underline;
	

}
#plan{
	width: 642px;
		
}
#haut{
	width: 642px;
	height:160px;
	margin:auto;
	margin-bottom: 10px;
	background: url("images/banniere.jpg") no-repeat left top;
}
/* 
     Zone 
     Utilisateur
*/

#login{
	position:relative;
	float:right;
	padding: 0 10px;
	top:80px;
	right: 2px;
	text-align: right;
}

/*#login li{
	display:inline;
	float: left;
	list-style: none;
}*/
#login p{
	margin:0px	0px	8px	0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.alldocalign{
	margin:10px 10px 10px 10px;
	text-align:left;
}
.nav2{
	color: #9ba1a7;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration:none;
	text-align:left; 
}
.nav2:hover{
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration:underline;
}
.nav{
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration:none;
}
.nav:hover{
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration:underline;
}
.inputlogin{
	background: url("images/input.png") no-repeat left top ;
	width: 132px;
	height: 21px;
	border: 0;
	color: #9ba1a7;
	font-size: 10px;
	padding: 4px 0 0 4px;
	
}
.inputloginEmail{
	background: url("images/inputemail.png") no-repeat left top ;
	width: 170px;
	height: 21px;
	border: 0;
	color: #9ba1a7;
	font-size: 10px;
	padding: 4px 0 0 4px;
	
}
.submit{
	border:none;
	color:#fff;
	background: transparent url('images/ok.png') no-repeat top left;
	width:41px;
	height:20px;
	
}
.submit:hover{
	border:none;
	color:#fff;
	background: transparent url('images/ok.png') no-repeat bottom left;
	width:41px;
	height:20px;
	
}
#milieu{
	width: 641px;
	margin-bottom: 10px;

}
/* 
     le contenu
*/
#contenu{
	float: left;
	width: 432px;
	background: url('images/corps.jpeg') repeat-y left top ;
	margin-bottom: 10px;
	
}
#top{
	width: 432px;
	height:14px;
	background: url('images/top.jpeg') no-repeat left top ;
	
}
#bottom{
	width: 432px;
	height:14px;
	background: url('images/bottom.jpeg') no-repeat left bottom ;
	
}
#acc{
	background: url("images/photo.jpg") no-repeat left top ;
	margin: 10px;
	height: auto;
	width: 400px;
	color: #9ba1a7;
	padding-top: 150px;
	font-family: arial;
	font-size: 14px;
	text-align: center;
}
#sstitre{
	margin: 10px;
	height: auto;
	width: 400px;
	color: #9ba1a7;
	font-family: arial;
	font-size: 18px;
	text-align: left;
}
.text{
	margin: 6px;
	height: auto;
	width: 400px;
	color: #9ba1a7;
	font-family: arial;
	font-size: 16px;
	text-align: justity;
}
.label{
	margin: 0px;
	height: auto;
	padding:0px 0px 0px 10px;
	width: 380px;
	color: #63a9ea;
	font-family: arial;
	font-size: 14px;
	text-align: left;
}
.avert{
	margin: 0px;
	height: auto;
	padding:10px 0px 10px 50px;
	width: 380px;
	color: #dd2222;
	font-family: arial;
	font-size: 14px;
	text-align: left;
	background:url('images/avert.png') top left no-repeat;
	
}
.td{
	margin: 0px;
	height: auto;
	padding:0px 0px 0px 10px;
	width: auto;
	color: #63a9ea;
	font-family: arial;
	font-size: 14px;
	text-align: left;
}
.td_c{
	margin: 0px;
	height: auto;
	padding:0px 0px 0px 10px;
	width: auto;
	color: #696969;
	font-family: arial;
	font-size: 14px;
	text-align: left;
}
.inputtext{
	width: 110px;
	color: #696969;
}
.date{
	width: 35px;
	color: #696969;
}
#mois,#profession,#pays,#themes,#description{
	color: #696969;
	
}
#mois{
	
	
}
.cmp{
	border-color:#63a9ea;
	color:#63a9ea;
	margin:0px 10px 10px 10px;
	width: 300px;
}
.etape1{
	cursor:pointer;
	border:0px;
	display: block;
	background: url("images/etape1.png") no-repeat left top ;
	width: 82px;
	height: 21px;	
}
.etape2{
	cursor:pointer;
	border:0px;
	display: block;
	background: url("images/etape2.png") no-repeat left top ;
	width: 82px;
	height: 21px;	
}
.valider{
	cursor:pointer;
	border:0px;
	display: block;
	background: url("images/valider.png") no-repeat left top ;
	width: 82px;
	height: 21px;	
}
.cliquez_ici{
	cursor:pointer;
	border:0px;
	display: block;
	background: url("images/cliquez_ici.png") no-repeat left top ;
	width: 82px;
	height: 21px;	
}
.envoyer{
	cursor:pointer;
	border:0px;
	background: url("images/envoyer.png") no-repeat left top ;
	width: 82px;
	height: 21px;	
}
.bold{
	margin: 10px;
	height: auto;
	width: 400px;
	color: #9ba1a7;
	font-family: arial;
	font-size: 14px;
	text-align: left;
	
}
/*#contenu img{
	
	width: 231px;
	height:120px ;
	
}*/
#contenu form{
	padding:0;
	margin:0;
}
#contenu h1{
color:#FF0000;
}

/* 
     CSS  
	 les menus
*/
#menu,#menu1{
	float: right;
	width: 203px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	font-family: arial;
	
	
}
/*#menu p{
	width: 180px;
	color: #ffffff;
	font-size: 10px;
	text-align: left;
	font-family: arial;
	padding: 20px 15px 0 15px;
}*/
.ext{
	text-align:left;
	margin:5px;
	padding:5px 0 0 62px;
	color:#ffffff;
	height:50px;
	border:0;
	
}
.ext:hover{
	text-decoration:none;
}
#elt1{
	background:url("images/rech.jpg") no-repeat left top;
	width: 184px;
	height: 290px;
	
	padding: 10px 0 0 16px !important;
	padding: 15px 0 0 10px ;
	
}
#rech{
	margin:0px 0px 6px 0px;
	height:21px;
	padding: 0px 0 0 4px;

}

#espaceresult{
	
	
	width:171px;
	height:10px;
	
}
#result{
	/*top:28px !important;*/
	/*top:100px;
	left:0;*/
	overflow:auto;
	width:171px;
	height:210px;
	background:url(images/result.png) left top no-repeat;
	/*padding:0 ;*/
	background-attachment:scroll !important;
	background-attachment:fixed;
}
#result p{
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
margin:5px 0 5px 0;
}

.zone{
	float: left;
	margin: 0;
	background: url("images/rechzone.png") no-repeat left top ;
	width: 120px;
	height: 17px !;
	height: 21px;
	border: 0;
	color: #9ba1a7;
	font-size: 10px;
	padding: 2px 0 0 4px;
	
}
.zone3{
	float: left;
	margin: 0;
	margin-left:10px;
	background: url("images/rechzone.png") no-repeat left top ;
	
	width: 151px;
	height: 17px !;
	height: 21px;
	border: 0;
	color: #9ba1a7;
	font-size: 10px;
	padding: 2px 0 0 8px;
	
}
.zone2
{
	float: left;
	margin: 0;
	background: url("images/rechzone.png") no-repeat right top ;
	width: 31px;
	height: 21px;
	border: 0;
	
}

.zone2:hover
{
	float: left;
	margin: 0;
	background: url("images/rechzone.png")  right bottom no-repeat;
	width: 31px;
	height: 21px;
	border: 0;
	
}
.elt{
	background:url("images/menu.jpg") no-repeat left top;
	width: 200px;
	height: 109px;
	padding: 0px 0px 0px 0px;
}
.eltuser{
	background:url("images/menu.jpg") no-repeat left top;
	width: 185px;
	height: 94px;
	padding: 13px 0px 0px 15px;*/
}
.theme{
	margin:2px	0px	0px	0px;
	padding: 0px 0px 0px 0px;

}
/*.elt p {
	padding: 0;
	padding: 0;
	margin: 0;

	
}*/
.pmenu{
	padding:10px 5px 0px 10px;
	text-align: center;
	
}
.inscription{
	margin-left:5px;
	display: block;
	background: url("images/inscription.png") no-repeat left top ;
	width: 120px;
	height: 21px;	
}
.inscription:hover{
	display: block;
	background: url("images/inscription.png") no-repeat left bottom ;
	width: 120px;
	height: 21px;	
}
.partage{
	display: block;
	text-align: center;
	background: url("images/partage.png") no-repeat left top ;
	width: 120px;
	height: 21px;	
}
.partage:hover{
	display: block;
	text-align: center;
	background: url("images/partage.png") no-repeat left bottom ;
	width: 120px;
	height: 21px;	
}
/* 
     CSS  
	 le bas
*/

#bas{
	float: none;
	background:url("images/bas.jpeg") no-repeat left top;
	width: 641px;
	height: 48px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	font-family: arial;
	
}
.pbas{
	
	width: 641px;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	font-family: verdana;
	padding: 5px 0;
	
}