/* 	
	style.css for 		felixlecha.com
	design & code by 	felixlecha
	mail : 				contact@felilxecha.com
*/

/* - Generic - */
body
{
	background: url(fond_site.png) repeat bottom left;
	font: 15px/24px arial; text-decoration: none;
	color: #999999;
}

*
{
	border: 0;
	margin: 0;
	padding: 0;
}

a:link, a:visited
{
	color: #999999;
	text-decoration: none;
}

a:hover, a:focus, a:active
{
	color: #FFFFFF;
	text-decoration: none;
}

a.infotip span 
{
   display: none;
}

a.infotip:hover span 
{
	z-index: 2;
	width: 145px; position: absolute;
	top: 92px; left: -1px;
	display: inline;
	border: 1px solid #B6B4A4;
	border-top: none;
	background: url(fond_navi.png) repeat top left;
	padding: 10px;
}

p
{
	text-indent: 0px;
	height: 19px;
}

h1
{
	font: 20px/24px arial;
	font-weight: bold;
	color: #CCCCCC;
}

h2
{
	font: 16px/24px arial;
}

h3
{
	font: 15px/24px arial;
	font-weight: bold;
	display: inline;
}

h6
{
	font: 11px arial;
	margin: 0px 0px 0px 0px;
	color: #666666;
	display: inline;
}

.img_loader
{
	background:url(loader.gif) no-repeat center;
}

/* - Layout - */
#layout
{
	height: 603px; width: 1025px; position: absolute;
	left: 50%; top: 50%;
	margin: -301.5px 0px 0px -512.5px;
}

#nav, #nav_blog
{
	height: 100%; width: 100%; position: absolute;
	border: 1px solid #B6B4A4;
	top: 0px; left: 0px;
	background: url(fond_navi.png) repeat top left;
}

#nav
{
	overflow: hidden;
}

#nav_blog
{
	overflow: auto;
}

#nav_left
{
	height:575px; width:500px; position: absolute;
	top: 15px; overflow: auto;
	border-right: 1px solid  #B6B4A4;
}

#nav_right
{
	height:578px; width:500px; position: absolute;
	right: 0px; top: 12px; overflow: auto;
	border-left: 1px solid  #B6B4A4;
}

#layout_form
{
	height: 190px; width: 320px; position: absolute;
	top: 50%; left: 50%;
	margin: -85px 0px 0px -160px;
}

/* - Menu - */
#menu
{
	height: 20px; width: 100%; position: absolute;
	border: 1px solid #B6B4A4;
	text-indent: 10px;
	top: -30px; left: 0px;
	background: url(fond_navi.png) repeat bottom left;
	font: 12px/18px arial; text-decoration: none;
}

#connexion
{
	position: absolute;
	top: 0px; right: 10px;
}

#post_class_menu
{
	width: 25px; height: 100%; position: absolute;
	top: 0px; left: -35px;
}

#post_admin_menu
{
	width: 16px; height: 100%; position: absolute;
	top: 0px; right: -30px;
}

/* - Footer - felixlechA.com - */
#footer
{
	height: 20px; width: 100%; position: absolute;
	bottom: -25px; left: 0px;
	text-align: left; color: #FFFFFF; text-indent:7px; font-size: 17px;
}

.footer
{
	color: #666666;
}

/* - Class - */
.dossier_name
{			
	font-size: 14px; text-decoration: none;
}

.warning, .red:link, .red:visited, .dossier_name
{			
	color: #CC0000;
}

.red:hover, .red:focus, .red:active
{			
	color: #FF0000;
}

.valid
{			
	color: #00CC00;
}

.select:link, .select:visited, .select:hover, .select:focus, .select:active
{			
	color: #4D4D4D;
}

.hidden
{
	display: none;
}

.demi_br
{
	height: 12px;
}

/* - Main - */
#main_img
{
	height:578px; width:1000px; position:absolute;
	top:50%; left:50%;
	margin: -289px 0px 0px -500px;
}


/* - Bookmarks - */
#scroll_bm
{
	height: 603px; width: 825px; position: absolute;
	top: 0px; right: 0px; overflow: auto;
	background: url(fond_navi.png) repeat bottom left;
}

#file_bm
{
	height:603px; width:199px; position: absolute;
	left: 0px; top: 0px; overflow: auto;
	border-right: 1px solid  #B6B4A4;
	text-indent: 10px;
	background: url(fond_navi.png) repeat bottom left;
}

.bookmark_dossier
{
	height:300px; width:200px; float:left; position: relative;
	overflow: auto;
	border-right: 1px solid #B6B4A4;
	border-bottom: 1px solid #B6B4A4;
	text-indent: 10px;
}

.ligne0,.ligne1
{
	height: 20px; width: 100%; position: relative;
	display:block; float:none;
	text-indent: 5px;
	font: 12px/18px arial;
}

.ligne0
{		
	background: url(fond_navi_invert.png) repeat bottom left;
}

#update, .update_center, #del, .del_center, .download_center
{
	height: 13px; width: 13px; position: absolute;
	text-indent: -2000px;
	margin: 2px 0px 0px 0px;
}

#update
{
	right: 20px;
	background: url(update.png);
}

#update:hover
{
	right: 20px;
	background: url(update.gif);
}

#del
{
	right: 1px;
	background: url(del.png);
}

#del:hover
{
	right: 1px;
	background: url(del.gif);
}

.del_center
{
	left: 55%; bottom: 5px;
	background: url(del.png);
}

.del_center:hover
{
	left: 55%; bottom: 5px;
	background: url(del.gif);
}

#del_gif_preload
{
	height: 0px; width: 0px; position: absolute;
	background: url(del.gif);
}

.update_center
{
	left: 64%; bottom: 5px;
	background: url(update.png);
}

.update_center:hover
{
	left: 64%; bottom: 5px;
	background: url(update.gif);
}

#update_gif_preload
{
	height: 0px; width: 0px; position: absolute;
	background: url(update.gif);
}

.download_center
{
	left: 46%; bottom: 5px;
	background: url(download.png) no-repeat;
}

.download_center:hover
{
	left: 46%; bottom: 5px;
	background: url(download.gif) no-repeat;
}

.main_dossier
{
	height:120px; width:165px; float:left; position: relative;
	border-right: 1px solid #B6B4A4;
	border-bottom: 1px solid #B6B4A4;
}

.main_dossier img
{
	height:87px; width:150px; position: absolute;
	left: 50%; Top: 5px;
	margin: 0px 0px 0px -75px;
}

.showreel_dossier
{
	height:200px; width:240px; float:left; position: relative;
}

.showreel_dossier img
{
	height:173px; width:230px; position: absolute;
	left: 50%; Top: 0px;
	margin: 0px 0px 0px -115px;
}

dt
{
	height: 23px; width: 100%; position: relative;
	margin: 3px 0px 0px 0px;
	text-indent:12px;
}

.liste
{
	text-indent: 45px;
}

.no_li
{
	width: 100%; position: relative;
	list-style-type: none;
	text-align: center;
}

.no_ul
{
	padding: 0;
}

ul
{
	padding: 0 0 0 20px;
}

input, select
{
	width: 200px; position: absolute;
	left: 60%;
	margin: 0px 0px 0px -100px;
	background-color: #1A1A1A;
	border: 1px solid #A7A7A7;
	text-align: center; color: #666666;
}

table
{
	border-collapse: collapse;
}

td
{
	vertical-align: top;
}

td.right
{
	text-align: right;
	width: 170px;
	padding-right: 7px;
}

.border_left
{
	border-left: 1px solid;
	padding-left: 7px;
}

#resume_info
{
	position: absolute;
	top: 12px; left: 12px;
}

#resume_name
{
	position: absolute;
	top: 12px; right: 12px;
}

#resume_experience
{
	height:502px; width:540px; position: absolute;
	bottom: 12px; left: 12px;
}

#resume_skills
{
	height:220px; width:450px; position: absolute;
	top: 95px; right: 12px;
}

#resume_education
{
	height:200px; width:450px; position: absolute;
	bottom: 80px; right: 12px;
}

#resume_downlaod
{
	height: 20px; width:120px; position: absolute;
	bottom: 12px; right: 50px;
	text-align: right;
}

#download
{
	background: url(download.png) no-repeat;
}

#download:hover
{
	background: url(download.gif)no-repeat;
}

#download_gif_preload
{
	height: 0px; width: 0px; position: absolute;
	background: url(download.gif);
}

#linkedin
{
	height: 20px; width: 20px; position: absolute;
	bottom: 12px; right: 12px;
	background: url(linkedin.png);
}

#linkedin:hover
{
	height: 20px; width: 20px; position: absolute;
	bottom: 12px; right: 12px;
	background: url(linkedin.gif)no-repeat;
}

#linkedin_gif_preload
{
	height: 0px; width: 0px; position: absolute;
	background: url(linkedin.gif);
}

.decal
{
	margin: 0px 0px 0px 20px;
}

.right
{
	text-align: right;
}

.textarea
{
	width: 100%; height:250px;
}

textarea
{
	width: 100%; height:100%; position: absolute;
	margin: 0px 0px 0px 0px;
	background-color: #1A1A1A;
	border: 1px solid #A7A7A7;
	text-align: left; color: #666666;
}

input:hover, select:hover, input:active, select:active, input:focus, select:focus, textarea:hover, textarea:active, texarea:focus
{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.showreel
{
	top: 50%; left: 12px; position: absolute;
	margin: -289px 0px 0px 0px;
}

.form_mail
{
	width: 475px; position: absolute;
	left: 12px;
	margin: 0px 0px 0px 0px;
}

#link_QR
{
	height: 273px; width: 287px; position: absolute;
	bottom: 35px; right: 50px;
}

/* - Nabaztag - */
#link_nab
{
	height: 37px; width: 37px; position: absolute;
	bottom: 12px; right: 12px;
	background: url(nabaztag.png)no-repeat;
}

#link_nab:hover
{
	background: url(nabaztag.gif)no-repeat;
}

#nab_gif_preload
{
	height: 0px; width: 0px; position: absolute;
	background: url(nabaztag.gif)no-repeat;
}

#nabaztag
{
	height: 110px; width: 320px; position: absolute;
	top: 50%; left: 50%;
	margin: -55px 0px 0px -160px;
	background: url(fond_navi.png) repeat bottom left;
}

#nabaztag iframe
{
	height: 40px; width: 300px; position: relative;
	top: 0px; left: 10px;
	margin: 10px 0px 0px 0px;
}

/* - Blog - */
.blog_title
{
	width: 100%; position: absolute;
	bottom: 0px;
	text-indent: 10px;
}

.post_state_new, .post_state_update, .span_post_state_new, .span_post_state_update
{
	width: 50px; height: 50px; position: absolute;
	right: 0px; margin: 0;
	text-indent: -2000px;
}

.post_state_new, .post_state_update
{
	bottom: 10px;
}

.span_post_state_new, .span_post_state_update
{
	top: -32px;
}
	
.post_state_new, .span_post_state_new
{
	background: url(picto_new.png)no-repeat;
}

.post_state_update, .span_post_state_update
{
	background: url(picto_update.png)no-repeat;
}

.post_wip
{
	width: 25px; height: 25px; position: absolute;
	bottom: 25px; left: 8px;
	margin: 0;
	text-indent: -2000px;
	background: url(picto_wip.png)no-repeat;
}

.post_publish_off, .post_publish_on
{
	width: 13px; height: 13px; position: absolute;
	top: 5px; right: 8px;
	margin: 0;
	text-indent: -2000px;
}

.post_publish_off
{
	background: url(off.png)no-repeat;
}

.post_publish_on
{
	background: url(on.png)no-repeat;
}

.post_class_1 img, .post_class_2 img, .post_class_3 img, .post_class_4 img
{
	width: 25px; height: 25px; position: absolute;
	top: 5px;
	margin: 0;
}

.post_class_1 img
{
	 left: 7px;
}

.post_class_2 img
{
	 left: 37px;
}

.post_class_3 img
{
	 left: 67px;
}

.post_class_4 img
{
	 left: 97px;
}

/* - Display Post - */
#content
{
	margin: 10px 10px 10px 10px;
}

.center
{
	text-align: center;
}

.center table
{
	margin:auto;
}

.post-title a
{
	color: #CCCCCC;
}

.post-title a:hover
{
	color: #FFFFFF;
}

.post-content
{
	text-align: justify;
}

.post-content blockquote
{
	font-style: italic;
}

.comment-info
{
	margin-left: 35px;
}

.blog_rss
{
	width: 16px; height: 16px; position: absolute;
	bottom: 0px;
}

.blog_nbr_comments
{
	width: 16px; height: 16px; position: absolute;
	bottom: 25px;
}

.blog_add_class
{
	width: 16px; height: 16px; position: relative;
	left: 4px;
}

.text-indent5
{
	text-indent: 5px;
}

.blog_button
{
	width: 16px; height: 16px;
	cursor: pointer;
}

#content_class
{
	height: 30px; width: 125px; position: absolute;
	top: 5px; right: 10px;
}

#post_header
{
	width: 100%;
	border-bottom: 1px solid #A7A7A7;
}

#post_comments
{
	width: 100%;
	border-top: 1px solid #A7A7A7;
}

#comment_left
{
	left: 0px; position: absolute;
	width: 400px;
}

.post_separator
{
	width: 100%;
	border-bottom: 1px solid #A7A7A7;
}

.form_comment
{
	width: 373px; position: absolute;
	left: 12px;
	margin: 0px 0px 0px 0px;
}

#comment_right
{
	right: 10px; position: absolute;
	width: 550px;
}

#comment_show
{
	margin: 0 0 0 30px;
}

.left_line
{
	border-left: 1px solid  #B6B4A4;
	margin: 0 0 0 8px;
	padding: 0 0 0 16px;
}