/*************************************************/
/*///////////////////////////////////////////////*/
/*/                                             /*/
/*/     Style Sheet _ ][ Online Portfolio ][ 	/*/
/*/     Author : Charles-Antoine d'Autichamp	/*/
/*/     Copyright : 2006-2009 - Beach	   	 	/*/
/*/     		       	      	   	 			/*/
/*///////////////////////////////////////////////*/
/*************************************************/


/*//////////////////////////////////// General styles ////////////////////////////////////*/
html			{background-color: #000000 ; height: 101% ;}

body 		{font: normal 7pt Verdana, Helvetica, Arial, sans-serif ;
			color: #999999/*a8a4a4 */; 
			background-image: url('../banner/pictures/banner_bg.jpg') ; background-repeat: repeat-x ; 
			padding: 0px ; margin: 0px ; 
			text-align: justify ;}



/*//////////////////////////////////// Main blocks ////////////////////////////////////*/
#container 	{margin: 0 auto ; width: 1000px ; }

#header 	{height: 140px ; background-image: url('../banner/pictures/banner_bg_wap.png') ; /*border: 1px solid green ;*/ }

#main 		{position: relative ; }

#down 		{font-size: 7pt ; color: #696969 ; text-align: right;
			padding-top: 16px ; margin: 0 auto; position: relative ; 
			height: 100px ; /*border-top: 1px solid #696969 ; */
			background-image: url('../pictures/down_border_top.png') ; background-repeat: no-repeat ; background-position: 0px 0px ; }



/*//////////////////////////////////// Site body ////////////////////////////////////*/
#tbl_main 	{text-align: justify ; vertical-align: top ; width: 980px ; height: 480px ; /*border: 1px solid red ;*/ }
.corner		{width: 10px ; height: 10px ; }

img			{border: none ;}
img.preload {display: none ;}
.php_img 	{ }

p			{text-indent: 30px ; text-align: justify ; line-height: 20px ; 
			padding-left: 50px ; padding-right: 200px ;}

a 					{font-weight: bold ; text-decoration: none ; border: none ;}	
a:link, a:visited 	{color: #55839a ;}
a:hover 			{color : #74d0ff ;}

ul 			{list-style-position: inside ; list-style-type: none ; }

h1			{font-size: 8pt ; font-weight: bold ; font-variant: small-caps ;
			text-indent: 75px ; letter-spacing: 6pt ; 
			/*border-bottom: 1px solid #74d0ff ; */
			background-image: url('../pictures/h1_border.png') ; background-repeat: no-repeat ; background-position: 0px 20px ; 
			padding: 7px ; padding-top: 0px ; padding-bottom: 8px ; margin:0px ; }

h2			{font-size: 7pt ; font-weight: normal ; 
			text-indent: 100px ; letter-spacing: 6pt ; 
			/*border-bottom: 1px solid #55839a ; */
			background-image: url('../pictures/h2_border.png') ; background-repeat: no-repeat ; background-position: 0px 27px ; 
			padding-top:15px ; padding-bottom: 1px ; margin: 0px ; clear: both ;}

h3			{font-size: 7pt ; font-weight: normal ; 
			text-indent: 140px ; letter-spacing: 6pt ; 
			/*border-bottom: 1px solid #494747 ; */
			background-image: url('../pictures/h3_border.png') ; background-repeat: no-repeat ; background-position: 0px 27px ; 
			padding-top:15px ; padding-bottom: 1px ; margin: 0px ; clear: both ; height: 12px ; }
	
.imp 		{color: #aaaaaa ; font-weight: bold ; display: inline ; }
.wip 		{color: #995500 ; font-weight: bold ; display: inline ; }

.clear 		{clear: both ;}



/*//////////////////////////////////// Menu ////////////////////////////////////*/
#menu 				{width: 500px ; height: 80px ; 
					float: right ; position: relative ; top: 50px ; }
					
.menu_section , #menu_current_section 
					{font-weight: normal ; 
					text-align: center ; 
					width: 70px ; float: left ; 
					position: absolute ; top: 0px ; }
#menu_current_section 
					{color: #999999 ; }

.menu_subject , #menu_current_subject 
					{font-weight: normal ; color: #a8a4a4 ; 
					text-align: center ; 
					width: 70px ; float: left ; 
					position: absolute ; top: 25px ; }
#menu_current_subject 
					{text-decoration: underline ; }
					
.menu_subject:link, .menu_subject :visited 	{color: #a8a4a4 ; }
.menu_subject:hover 						{color: #cfcdcd ; }

.menu_section_separator 	{font-weight: bold ; color: #55839a ; text-align: center ; float: left ; position: absolute ; top: -2px ; }
.menu_subject_separator 	{font-weight: bold ; color: #a8a4a4 ; text-align: center ; float: left ; position: absolute ; top: 23px ; }

#current_section 	{border-bottom: 0px solid #74d0ff ; filter:alpha(opacity=100) ; opacity: 1 ; }
.menu_image_section, .menu_image_section:link, .menu_image_section:visited {border: 0px solid #808080 ; filter:alpha(opacity=60) ; opacity: 0.6 ; }
.menu_image_section:hover {border-bottom: 1px solid #74d0ff ; filter:alpha(opacity=100) ; opacity: 1 ; }

#current_subject 	{border-bottom: 0px solid #cfcdcd ; filter:alpha(opacity=100) ; opacity: 1 ; }
.menu_image_subject, .menu_image_subject:link, .menu_image_subject:visited {border: 0px solid #808080 ; filter:alpha(opacity=60) ; opacity: 0.6 ; }
.menu_image_subject:hover {border-bottom: 1px solid #cfcdcd ; filter:alpha(opacity=100) ; opacity: 1 ; }

.menu_text 			{display: none ; }

#back_home 			{filter:alpha(opacity=0) ; opacity: 0 ; font-weight: normal ; 
					border: 0px solid red ; width: 230px ; height: 30px ; 
					float: left ; position: relative ; top: 40px ; left: -5px ; }



/*//////////////////////////////////// Home ////////////////////////////////////*/
.latest_project {float: right ; position: relative ; margin-right: 25px ; }



/*//////////////////////////////////// Gallery ////////////////////////////////////*/
#gallery_back 		{float: right ; position: relative ; top: -20px ; }

#displayed_image 	{text-align: center ; vertical-align: top ; height: 600px ; width: 100% ; }

#thumbnails 		{float: left ; width: 610px ; position: relative ; }

.thumbnail 			{display: inline ; margin: 2px ; float: left ; }

#current_thumb 		{border: 1px solid #74d0ff ; filter:alpha(opacity=100) ; opacity: 1 ; }
.thumb, .thumb:link, .thumb:visited {border: 0px solid #808080 ; filter:alpha(opacity=60) ; opacity: 0.6 ; }
.thumb:hover 		{border: 1px solid #74d0ff ; filter:alpha(opacity=100) ; opacity: 1 ; }

#gallery_comments 	{float: right ; width: 360px ; position: relative ; }



/*//////////////////////////////////// Video ////////////////////////////////////*/
#video 	{text-align: center ; vertical-align: top ; height: 400px ; width: 100% ; }



/*//////////////////////////////////// News & Guestbook ////////////////////////////////////*/
#gb_tbl 				{margin : 0 auto ; padding-top: 30px ; }

.gb_item,.news 			{width: 300px ; height: 170px ; float: left ; margin: 12px ; 
						/*border: 0px solid #494747 ; border-top-width: 0px ;*/ background-color: #1c1c1c ; }
.news 					{height: 120px ; }

.gb_title,.news_link	{text-indent: 25px ; border-bottom: 1px solid #55839a ; padding: 7px ; height: 10px ; }
.news_link				{height: 20px ; }

.gb_message,.news_desc	{text-indent: 25px ; padding: 10px ; height: 103px ; overflow: auto ; }
.gb_message 	p 		{text-indent: 25px ; margin: 0px ; padding: 0px ; padding-bottom: 12px ; line-height: 11px ; }
.news_desc				{height: 45px ; }

.gb_date,.news_date 	{font-style: italic ; text-align: right ; padding-top: 3px ;padding-right: 10px ;  position: relative ; border-top: 1px solid #494747 ; }



/*//////////////////////////////////// Links ////////////////////////////////////*/
.link 			{margin-left: 80px ; padding-top: 5px ; clear: both ;}

.link_url 		{width: 220px ; float: left ;}

.link_name 		{margin-left: 40px ; width: 200px ; color:#bbbbbb ; float: left ;}

.link_desc 		{margin-left: 20px ; font-style:italic; padding-right: 10px ; width: 330px ; float: left ;}



/*//////////////////////////////////// Forms ////////////////////////////////////*/
form 			{margin: 0 auto ; width: 800px ; }

.form			{font: normal 7pt Verdana, Arial, sans-serif ; color: #918E8E ;
				border: 0px solid #c2c2c2 ;
				background-color: #1c1c1c ;
				padding-left: 5px ;}
				
#main table form table tr td 		{/*width: 120px ; */border-bottom: 1px solid #494747 ; padding: 3px ; } 
#main table form table tr td img 	{padding-left: 30px ; }

#contact_infos 	{vertical-align: top ; padding-top: 0px ; padding-left: 50px ; width: 200px ; }

#mail_alert 	{padding-left:60px ; }

input.checkbox 	{border: none ;}



/*//////////////////////////////////// Projects ////////////////////////////////////*/
			.project {margin: 12px 20px 20px 40px ; float: left ; width: 160px ; height: 115px ; }
/*#tbl_main > .project {margin: 12px 30px 20px 50px ; float: left ; width: 160px ; height: 115px ; }*/
#tbl_main > .project {margin: 12px 15px 20px 20px ; float: left ; width: 160px ; height: 115px ; }

.project_thumbnail	{width: 150px ; height: 75px ; float: left ; padding: 4px 0px 0px 4px ;}

.project_url 		{text-align: right /*center*/ ; width: 150px ; margin: 2px ; padding: 2px ; float: left ; }

.project_title		{color: #696969 ; }

.video_link 		{text-align: right; float: left; }



/*//////////////////////////////////// Resume ////////////////////////////////////*/
								.cv_item, .cv_item_fr, .cv_item_eng 	{margin: 5px ; padding: 5px ; clear: both ; position: relative ; }
#tbl_main >.cv_item, #tbl_main >.cv_item_fr, #tbl_main >.cv_item_eng 	{margin: 5px ; padding: 5px ; clear: both ; position: relative ; }

													   .cv_date 		{font-style: italic ; margin-left: 70px ; float: left ; width: 160px ; position: relative; }
.cv_item>.cv_date, .cv_item_fr>.cv_date, .cv_item_eng >.cv_date 		{font-style: italic ; margin-left: 140px ; float: left ; width: 160px ; position: relative; }

														  .cv_field 	{position: relative ; margin-left: 25px ; margin-right: 50px ; float: right ; width: 510px ; }
.cv_item >.cv_field, .cv_item_fr >.cv_field, .cv_item_eng >.cv_field 	{position: relative ; margin-left: 25px ; margin-right: 100px ; float: right ; width: 510px ; }

.cv_img 	{position: absolute ; top: 0px ; left: 425px ; }
.pix_copyright {color: black ; position: relative ; float: right ; margin-right: 15px ; margin-top: -15px ; }



/*//////////////////////////////////// Sitemap ////////////////////////////////////*/
#sitemap 			{margin-left: 70px ; }

.sitemap_sublevel 	{float: left ; margin-left: 30px ; }

.sitemap_section 	{position: relative ; /*left: 200px ; */margin-top: 35px ; }

.sitemap_subject 	{position: relative ; left: -20px ; }



/*//////////////////////////////////// Down ////////////////////////////////////*/
#down_stat 		{float: left ; width: 200px ; text-align: left ; }

#down_valid 	{float: right ; width: 580px ;}

.p_down 		{text-align: right ; padding-bottom: 7px ;}

#loading_time 	{text-align: right ; color:#5c5c5c ; display: inline ; float: right ; clear:both ; width: 500px ;}

#admin:link, #admin:visited, #admin:hover	{color: #000001 ; border: none ; text-decoration: none ; cursor: default ;}

#down_stat a:link, #down_stat a:visited 	{color: #696969 ; cursor: default ; }
#down_stat a:hover 							{color: #696969 ; cursor: default ; }



/*//////////////////////////////////// XML Sitemap ////////////////////////////////////*/
#xml_sitemap {background-image: url() ; background-color: white ; font-family: Consolas, Verdana, "Courier New" ; font-size: 9pt ; font-weight: bold ; color: black ; margin: 30px ; }
.xml_sitemap_brackets {font-weight: normal ; color: #0000dd ; }
.xml_sitemap_attribute {color: #990000 ; }
.xml_sitemap_value {color: #770099 ; font-weight: bold ; }
.xml_sitemap_offset {padding-left: 20px ; }



/*//////////////////////////////////// Life XML File ////////////////////////////////////*/
table.life 			{font-size: 7pt; margin-left: 20px ; display: block; }

.life_tbl_name 		{font-weight: bold; width: 170px; height: 15px; }

.life_tbl_login 	{width: 170px; }

.life_tbl_address 	{width: 250px; }

.life_tbl_category 	{font-style: italic ; width: 100px; }

.life_cat 			{font-style: italic ; text-align: left; padding-left: 70px ; padding-right: 20px ; border-bottom: 1px dotted #918E8E ; }

.life_head_title	{font-size: 8pt ; font-weight: bold ; font-variant: small-caps ;
					letter-spacing: 6pt ; text-indent: 75px ;
					border-bottom: 2px solid #e08f1c ;
					padding: 7px ; padding-top: 0px ;}
					
.life_title			{text-indent:50px ; letter-spacing: 6pt ; border-bottom: 1px solid #918E8E ; padding-top:15px ; margin-top: 10px ; clear: both ;}