/* 	---------------------------------------------------------------------
	Redifine tags -----------------------------------------------------*/

	html {
		height: 100%;
	}
	
	body {
		background: #657371 url(../img/bg_gradient.gif) top left fixed repeat-x;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		height: 100%;
		margin: 0; padding: 0;
	}
	input, select, file, textarea { 
		border: solid 1px #777;
		font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,Helvetica;
		font-size: 12px;
	}
	
	h1, h2, h3, h4, strong { color: #243E8C; }
	
	h1 {
		background: url(../img/logo-nvnv.gif) center center no-repeat;	
		border-right: solid 1px #8A6BA6;
		border-bottom: solid 1px #8A6BA6;
		text-indent: -9999px;
		margin: 0 0 5px 0; padding: 10px;
		width: 148px; height: 133px;
	}
	h1 a { 
		display: block; 
		width: 148px; height: 133px;
	}
	h2 { font-size: 24px; margin: 20px 0; }
	h3 {
		border-bottom: dotted 1px #999;
		font-size: 14px;
		margin-top: 30px;		
	}
	.hide { display: none !important; }

	a { color: #243e8c; }
	a:visited { color: #40444f; }
	a:hover { color: #000; text-decoration: none; }
	h1 a, h2 a, h3 a, h4 a {
		color: #243e8c;
		text-decoration: none;
	}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #000; }

	p { font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,Helvetica; }

/* 	---------------------------------------------------------------------
	Shell -------------------------------------------------------------*/	
	#container {
		background: #fff;
		/*border-top: solid 10px #8A6BA6;*/
		border-right: solid 1px #8A6BA6;
		border-left: solid 1px #8A6BA6;
		position: relative;
		margin: 0 auto;
		min-height: 100%;
		width: 760px;
	}
	* html #container { height: 100%; }
	
	
	#col1 {
		float: left;
		width: 168px;
	}
		#menu {
			/*border-top: solid 1px #8A6BA6;
			border-right: solid 1px #8A6BA6;
			border-bottom: solid 1px #8A6BA6;*/
			font-family:Georgia, "Times New Roman", Times, serif;
			margin: 0; padding: 0;
		}
		#menu li {
			background: url(../img/bullet.gif) 4% 50% no-repeat;
			border-bottom: dotted 1px #888;
			list-style-type: none;
			margin: 0; padding: 4px 4px 4px 15px;
		}
		#menu a { 
			color: #243E8C;
			text-decoration: none;
		}
		#menu a:hover { 
			color: #243E8C;
			text-decoration: underline;
		}	
		#menu li.selected { font-weight: bold;	}
	
	.listingprofils {
		width: 100%;
	}
	.listingprofils, .listingprofils th, .listingprofils td {
		border: solid 1px #999;
	}
	.listingprofils .nom { 
		padding-left: 10px;
	}
	.listingprofils .sexe { 
		text-align: center;
		width: 12%;	
	}
	.listingprofils .age { 
		text-align: center;
		width: 12%;	
	}
	
	#col2 {
		float: right;
		width: 585px;
	}
	#col2 #content {
		padding: 0 20px 100px 20px;
	}
	#footer {
		background: #8A6BA6 url(../img/dropshadow_footer.gif) left top repeat-x;
		border-left: solid 1px #8A6BA6;
		border-right: solid 1px #8A6BA6;
		color: #000;
		clear:both;
		margin: -6em auto 0 auto; padding: 25px 0 17px 0;
		position: relative;
		text-align: center;
		width: 760px;
	}
	#footer a { color: #000; }
	#footer a:hover { text-decoration: none; }
	#footer p {margin:0;}
	
	
	.formation p {
		margin: 4px 8px;
	}
	
	h2 .edit {
		font-size: 12px;
	}
	h2 .edit a { text-decoration: underline; }
	h2 .edit a:hover { text-decoration: none; }
	
	#descfiche {
	 	float: left; 
		list-style: none;
		padding: 0 0 0 5px; margin: 0;
		width: 260px;
	}
	#descfiche li { margin: 0 0 4px 0; padding: 0; }
	
/* 	---------------------------------------------------------------------
	Recherche -------------------------------------------------------------*/
	.nbresult {
		font-weight: bold;
		color: #243E8C;
		font-size: 16px;
		
	}
	.singleresultat h3 {
		margin-top: 0;
	}
	.singleresultat {
		cursor: pointer;
		margin: 20px 0 0 0; padding: 0 5px 5px 5px;
	}
	
	.searchover {
		background: #e9efee;
	}
	
	.singleresultat img {
		border: 2px solid #000;
		float: left;
	}
	.singleresultat ul {
		float: left;
		margin: 0 0 0 0; padding: 0 0 0 25px;
	}
	
/* 	---------------------------------------------------------------------
	Forms -------------------------------------------------------------*/	
	
	fieldset { 
		background: #FCFCFC;
		border: 1px solid #B0B7B6;
		padding: 10px;
	}
	fieldset legend { 
		color: #243E8C;
		font-weight: bold;
	}
	form p, #inscription p { margin: 10px 0 0 0; }
	#frmCreer p { margin: 0 0 10px 0; }
	#frm_login label, label {
		cursor: pointer;
		display: block;
		float: left;
		line-height: 20px;
		text-align: right;
		width: 25%;
	}
	
	#frm_inscription label, #frmCreer label {
		width: 30%;	
	}
	
	#frm_recherche #r_age, #frm_recherche #r_sport, #frm_recherche #r_instrument, #frm_recherche #r_sexe  { 
		display: block;
		float: left;
		width: 35%; 
	}
	#frm_recherche label {
		margin-left: 20px;
		text-align: left;
	}
	#frm_recherche span label {	width: auto; }
	#frmCreer label:hover, #frm_recherche label:hover, label:hover {
		color: #999;
	}
	
	#frmCreer input, #frmCreer #opt_jour, #frmCreer #opt_cheveux, #frmCreer #opt_yeux, #frmCreer #opt_origine {
		margin: 0 0 0 10px;
	}
	
	#frmCreer .multilabel label {
		display: inline;
		float: none;
		line-height: 20px;
		text-align: left;
		width: auto;
	}
	
	#frmCreer .multilabel label.singlelabel { 
		margin:0;
		display:block;
		float: left;
		text-align: right;
		width: 30%;
	}
	#frmCreer .multilabel input { margin: 0 0 0 10px; }
	
	.formation { width: 100%; } 
	.formation, .formation td, .formation tr, .formation th { border: solid 1px #DDDDDD ; }
	
	#frmCreer .formation {
		padding:0;
		width: 100%;
	}
	#frmCreer .formation th {
		font-weight: normal;
		padding:4px;
	}
	#frmCreer .formation p {
		margin: 4px;
	}
	#frmCreer .formation input {
		margin: 0;
		width: 100%;
	}
	
	#frmCreer .td_date { 
		text-align: center;
		width: 20%;
	}
	
	label.error {
		color: #f90000;
		/*font-weight: bold;*/
	}
	.error {
		color: #f90000;
		/*font-weight: bold;*/
	}
	#inscription {  
		position: absolute;
		width: 500px;
		top: 5px;
		background: #f3f3f3 url(../img/bg_popin.gif) left top repeat-x;
	}
	
/* 	---------------------------------------------------------------------
	User manager ------------------------------------------------------*/	
	.userslisting {
		border-bottom: 1px solid #e0e3e2; 
		padding-bottom: 10px;
	}
	.userslisting strong, .userslisting label {
		color: #243E8C;
		cursor: auto;
		display: block; 
		float: left; 
		text-align: left;
		font-weight: bold;
		width: 26%;
		
	}


/* 	---------------------------------------------------------------------
	Autre -------------------------------------------------------------*/		
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;} /* IE7 */
	/* Hide from IE Mac \*/
	.clearfix { display: block; }
	/* End hide from IE Mac */
	* html .clearfix { height:1px; } /* IE6 */