/*
Theme Name: Ubertext
Theme URI: http://www.nicolasmillot.com
Description: Theme
Version: 1.0
Author: Nicolas Millot

Creation Theme by Nicolas Millot

*/
/*----------GENERAL-----------*/


*{ margin: 0; padding: 0; border: 0; list-style: none; outline:none;}
body { font-size: 10px;   font-family:  Consolas, Monaco, Lucida Console, sans-serif;  letter-spacing: 0.1em;	color: #000000; text-align: left; background-color:#ffffff; }

a:link { font-weight: bold; text-decoration: none; color: #0000ff; border-bottom: 1px solid #00ff90;}
a:visited {text-decoration: none; color: #0000ff; border-bottom: 1px solid #00ff90;}
a:hover { text-decoration: none;  background-color: #00ff90;   border-bottom: 1px solid #00ff90;}
a:active { color: #00ff90; background-color: #00ff90; border-bottom: 1px solid #00ff90;}

::selection {
	background: #00ff90; /* Safari */
	color:#0000ff;

	}
::-moz-selection {
	background: #00ff90; /* Firefox */
	color:#0000ff;
}


div.cat-anchor{
position: absolute;
margin-top: -182px;
}

div#page{
width: 100%;
}




div#footer{
position: fixed;
font-weight: bold;
top: 0;
padding: 8px 0 8px 160px;
width: 100%;
z-index: 1000;
cursor: pointer;
display: none;
background-color: #ffffff;
color:#00ff90;
	}


	
	div#footer:active{
	background-color: #00ff90;
	color: #00ff90;
		}

span.cache{
color:#ffffff;
}
		
div#header-sigle{
	position: absolute;
	color: #000000;
	font-weight: bold;
	top: 51px;
	left: 40px;
	z-index: 4000;
	color: #0000ff;
	background-color: #ffffff;
	padding: 5px;
}


div#header{
	width: 100%;
	overflow: hidden;
	
		border-bottom: 1px solid #00ff90;

}


div#header-name{
	float: left;
	width: 100%;
	margin-left: 150px;
	padding: 10px 0 0 10px;
	color: #000000;

}
div#header-content{
	float: left;
	width: auto;
	margin-left: 150px;
}

div#header-text{
	float: left;
	padding: 10px 0 0 10px;
	width: 526px;
}


div#header-infos{
	float: left;
	padding: 10px;
	width: 236px;
}

div#menu{
position: relative;
overflow:hidden;

}

div#index{
overflow: hidden;
margin-left: 150px;
padding-bottom: 30px;
width: 75%;
}

div.index-img{
float: left;
margin-top: 30px;
margin-right: 30px;
text-align: center;
height: 108px;
border: 1px solid #ffffff;
overflow: hidden;
vertical-align: middle;
}

div.index-img:hover{

border: 1px solid #00ff90;

}




div.index-img a{
background-color: #ffffff;
}




	
	div.index-new{
position: absolute;
margin-top: 5px;
margin-left: 5px;
	 padding: 5px;
	 text-align: center;
	
	background-color: #00ff90;	 
	color: #0000ff;
}



div#cursor{
font-size: 15px;
width: 1px;
height: 1px;
font-weight: bold;
color: #000000;
position: fixed;
z-index: 11;
top: 0;
left: 0;
}

.title{
text-transform: uppercase;
letter-spacing: 0.3em;

}
	
		div.infracontent{	
	 border-bottom: 1px solid #00ff90;
		
	}
	
	div.content{	
	width: auto;
	height: 100%;
	overflow: auto;
	white-space: nowrap;
	padding: 30px 0 30px 150px;

	float: none;
	left: auto;
	position: static;

	}
	


	div.content img{
	margin-right: 10px;
	}
	
	div.content img:hover{
	cursor: w-resize;

	}
	
	
	
	
	img.active{
	box-shadow: 0 0 10px #00ff90;
	-moz-box-shadow: 0 0 10px #00ff90;
	-webkit-box-shadow: 0 0 10px #00ff90;
	}

div.cat-menu{
		position: absolute;
		margin-left: 104px;
		margin-top: 43px;
		float: left;
		font-weight: bold;
		z-index: 12;
		overflow: hidden;

		}

	
	a.cat-title{
	 position: relative;
	 float: left;
	 padding: 15px;
	 text-align: center;
	 white-space: normal;
	 background-color: #ffffff;
	 border: 0;


	}
	

	

	
	a.cat-title:hover{

	 background-color: #00ff90;
	}

	


	
	div.cat-front, div.cat-back{
	position: relative;
	 float: left;
	 padding: 15px;
	 text-align: center;
	color: #0000ff;
	 white-space: normal;	
	background-color: #ffffff;
	cursor: pointer;	 
	}
	
	div.cat-nonav{
	position: relative;
	 float: left;
	 width: 42px;
	 height: 42px;
	cursor: pointer;	 
	}
	
	div.cat-new{
	position: relative;
	 float: left;
	 padding: 5px;
	 width: 10px;
	 text-align: center;
	
	background-color: #00ff90;	 
	color: #0000ff;
	}
	
	
	div.cat-front:hover, div.cat-back:hover{
	background-color: #00ff90;
	color: #0000ff;
	}
	
	div.cat-front:active, div.cat-back:active{
	background-color: #00ff90;
	color: #00ff90;
	}
	

	


	
	div.cat-works{
	position: relative;
	float:left;
	white-space: normal;
	}
	
	
	div.cat-works-nav{
	position: relative;
	float: left;
	width: 130px;
	margin-top: 30px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	}
	
	div.cat-works-nav a{
	display: block;
	height: 42px;
	line-height: 42px;
	border: 0;
	}
	
	


	

	
	div.cat-works-comment{
	position: relative;
	float: left;

	width: 526px;
	padding: 30px 0 30px 10px;

	}
	
	div.cat-works-infos{
	position: relative;
	float: left;
	color: #000000;
	width: 236px;
	padding: 30px 0 30px 10px;
	}
	

	

	

	
	.supercontent p{
	float: left;
	}
		
		


/*--------BLOG-----------*/

div.content-blog{
overflow: hidden;
width: 942px;
padding-bottom: 10px;

}

div.blog-rub{
	 position: relative;
	 width: 792px;
	 overflow: hidden;
	 float: right;
	 min-height: 150px;
	 margin-top: 1px;
	 border-bottom: 1px solid #00ff90;
	}
	
div.blog-rub img{
margin-bottom: 10px;
	}

div.blog-box{
	 float: right;
	 width: 236px;

	 font-size: 40px;
	  
	 
	 line-height: normal;
	 text-transform: uppercase;

	 padding: 15px 10px 15px 10px;

	}
	
div.blog-text{
	 float: left;
	 width: 536px;
	 min-height: 300px;
	 padding: 15px 0 15px 0;
	}
	
	div.blog-indent{
	 float:left;
	 font-size: 10px;
	 font-style: normal;
	 font-weight: normal;
	 line-height: 16px;
	 padding: 6px 3px;
	}
div#blog-sidebar{
	 position: relative;
	 float: left;
	 width: 120px;
	 padding: 10px;
	 margin-top: 30px;
	}

	
	div.blog-nav-page{
	 position: relative;
	 float: right;
	 width: 792px;
	 overflow: hidden; 
		 border-bottom: 1px solid #00ff90;
	}
	
div.blog-nav{
	 position: relative;
	 float: right;
	 margin-right: 30px;
	 font-weight: normal;

	}
	
div.blog-title{
	 position: relative;
	 float: left;
width: auto;
padding: 10px;


	}

	div.nav{
	 float: left;
	 width : 15px;
	 height: 20px;
	 line-height: 20px;
	 border: 1px solid #000000;
	 text-align: center;
	 margin: 5px 0 5px 10px;
	}
	
	div.nav_s{
	background-color: #00ff90;
	
	}

div.nav_empty{
	 float: left;
	 border: 0;
	 width: 15px;
	 height: 20px;
	 margin: 5px 0 5px 10px;
	}

div.nav a, div.prev a, div.next a{
	 width: 100%;
	 height: 100%;
	 display: block;
	 text-decoration: none;
	 border: #000000;
	}
	
div#blog-prevnext{
	 float: left;
	 width: 536px;
	 border-top: 1px solid #00ff90;
	}

div#blog-prev{
	 float: left;
	 padding: 10px;
	}
	
div#blog-next{
	 float: right;
	 padding: 10px;
	}
	
div#blog-comment-page{
	 position: relative;
	 float: right;
	 width: 792px;
	}
	
div.blog-comment-num, div#blog-comment-add{
	 position: relative;
	 width: 516px;
	 padding: 10px;
	 border-top: 1px solid #00ff90;
	}
	
	div#blog-comment-form{
	 padding: 10px;
	 margin-bottom: 10px;
	 width: 516px;
	}

div#blog-comment-form input, div#blog_comment_form textarea, #s{
	 border:1px solid #00ff90;
	 background-color:#ffffff;
	}
	
#s{
font-size: 10px;   font-family: Consolas, Monaco, Lucida Console, sans-serif;  letter-spacing: 0.08em;	color: #000000; text-align: left; background-color:#ffffff;
	 border:1px solid #00ff90;
	 background-color:#ffffff;
	width: 110px;
	font-size: 10px;
	padding: 3px;
	}
	
	

div#blog-comment-form input#submit{
	 width: 100px;
	}

div#blog-comment-form textarea {
	 width : 100%;
	}
	
div.blog-comment-list{
	 position: relative;
	 width: 100%;
	 overflow: hidden;

	}

div.comment-list-infos{
	 float: left;
	 width: 110px;
	 min-height: 100px;
	 text-align: right;
	 text-transform: uppercase;
	 padding: 10px;
	 margin-right: 10px;
	 border-top: 1px solid #00ff90;
	}
	
	div.comment-list-content{
	 float: left;
	 width: 376px;
	 min-height: 100px;
	 padding: 10px;
	 background-color:#ffffff;
	 border-top: 1px solid #00ff90;
	}

	textarea#comment{
	border: 1px solid #00ff90;
	}
	







li.author_item span{
	 border-left: 1px solid #00ff90;
	 border-bottom: 1px solid #00ff90;
	 padding-left: 2px;
	}

/*--------ANCRE--------*/
div#comments{
	 position: absolute;
	 margin-top: -25px;
	}
	

/*--------AUTRE--------*/

div#content_404{
	width: auto;
	height: 100%;
	padding: 30px 0 30px 150px;
}

div#error{
	text-align: center;
	width: 762px;
	font-size: 30px;
}