/**
 * Category select
 */
#select_categories { position: absolute; top: -30px; left: 195px; font: 0.9em Verdana, "Trebuchet MS", sans-serif; }
	#select_categories .submenu { display: block; width: 247px; height: 25px; margin:0; float:left; }
	#select_categories .level2 { display: none; position: absolute; top: 30px; left: 23px; margin: 0; padding: 10px 0 10px 0; background: #ADC7C8; opacity: 0.85; filter:alpha(opacity=85); z-index: 800; width:247px; }
	#select_categories li { width: 247px; padding: 0; background: none; }
	#select_categories a { display: block; color: #2E2D2D; padding: 4px 0 4px 22px; text-decoration: none; }
	#select_categories .level2 li a:hover { background: #78A9AD; }
	#select_categories:hover .level2 { display: block; }

/**
 * Container
 */
 
#container #bg_container {background: url(http://www.pyxis.org/fr/nav/nv2/portfolio/bg_container.gif) repeat-x; width: 50%; position: absolute; top: 0px; right: 0; }

#container .content {background: url(../images/bg_container.jpg) #fff repeat-y 464px 0px; min-height:625px;}

	/* chemin */
	#container #chemin { margin-left: 4px;}
	
	/* main colums */
	#container #contentcolumn { margin-right: 464px; margin-left: 0px; min-height:625px; z-index: 700; }
	
		/* portfolio: listing */
		#portfolio { width:450px; float:left; margin-top:15px; min-height: 625px; position:relative; }
			#portfolio h1 { color:#3e6573; font:bold 1.9em Georgia, "Trebuchet MS", arial, sans-serif, tahoma; margin:0 0 10px 0; padding:7px 0; background: url(../images/heading_bg.gif) no-repeat 0 50%;  }
			#portfolio .column {padding-bottom:10px; margin:10px 0 0 30px;}
			#portfolio a img { opacity: 0.4; filter:alpha(opacity=40); }
			#portfolio a.hover img { opacity: 1; filter:alpha(opacity=100); }
			#portfolio a.active img { opacity: 1; filter:alpha(opacity=100); }	
	/* right column */
	#container #sidebar { float: right; width: 474px; overflow: hidden; min-height: 625px; margin: 15px 0 0 -474px; }
	
		/* portfolio: detail */
		#portfolio_content { width: 474px; margin-top:20px;}
		/*#portfolio_content .devider{ width:40px; height:91px; border:2px solid #990033; margin:-25px 0 0 10px;}*/
		#portfolio_content .top { height: 55px;}
			#portfolio_content .top_h1 { font-family:"Arial"; font-size:17px; color:#2d505c; font-weight:bold; float:left;  border-bottom: none; padding: 0 0 0 55px; float:left;}
			#portfolio_content #tags h1 { font-weight: normal;   }
				#portfolio_content h1 a {color: #009900; text-decoration: none;}
				#portfolio_content .top_span {text-align:right; color:#009900; font-size:11px; font-family:"Arial"; font-weight:normal; float:right;}
			#portfolio_content .pagination{clear:both; float:right; margin-top:10px;}
			#portfolio_content .pagination .column {padding:2px; float: left;}
			/*#portfolio_content .pagination { position: absolute; top: 67px; right:20px;}
				#portfolio_content .pagination .column {padding:2px; }*/
				#portfolio_content .pagination a { background: url(../images/d_blue_bullet.gif); width: 16px; height: 16px; line-height: 0px; /*opacity: 0.7; filter:alpha(opacity=70); */}
				#portfolio_content .pagination a:hover {/* opacity: 0.6; filter:alpha(opacity=100);*/}
				#portfolio_content .pagination a.active { background: url(../images/y_active.gif); width: 16px; height: 16px; line-height: 0px; color:#000000; /*opacity: 1; filter:alpha(opacity=100);*/}
				#portfolio_content .bg_img{ background:url(../images/temp_bg.gif) repeat-y 0px -50px;}
				
			#portfolio_content .images { height: 300px; padding: 0 0 0 32px; background: url(http://www.pyxis.org/fr/nav/nv2/portfolio/load.gif) no-repeat center center; }
				#portfolio_content .images .images_overflow { width: 408px; height: 300px; overflow:hidden;}
				#portfolio_content .images #images_list { width: 1640px; height: 300px;  overflow:hidden; }
								
			
			#portfolio_content .bottom { border-collapse: collapse; width: 92%; margin-top: 20px; margin-left:20px;}
				#portfolio_content .bottom .col1 { width: 421px; }
					#portfolio_content .bottom .col1 p { margin-bottom: 20px; text-align:justify; }
					
					#portfolio_content .bottom .col1 .maintag {width: 406px; }
					#portfolio_content .bottom .col1 .maintag .tag1{width: 190px; float:left }
					#portfolio_content .bottom .col1 .maintag .tag2 {width: 190px; float:right }
					#portfolio_content .bottom .col1 .maintag .tag1 .tag { background: #A7BCC5; line-height: 18px; height: 19px; padding-left: 8px; margin-top: 4px; color: #fff; font-size: 0.9em; }
					#portfolio_content .bottom .col1 .maintag .tag2 .tag { background: #A7BCC5; line-height: 18px; height: 19px; padding-left: 8px; margin-top: 4px; color: #fff; font-size: 0.9em; }
					#portfolio_content .bottom .col1 .column { width: 49%; white-space: nowrap; background:#A7BCC5; color:#FFFFFF}
				#portfolio_content .bottom .col2 { padding-left: 15px; vertical-align: bottom;}
				
.pagingsel{
	
	background-color:#FFFFFF;
	margin-bottom:10px;
	border: 1px solid #DFD9D2;
}
.pagingnsel{
	
	background-color:#EEE8DF;
	margin-bottom:10px;
	border: 1px solid #DFD9D2;
}				
#portfolio_listing{
	height:420px;
}