/* défaut */
body
{
	margin:0 auto;
	font  :12px Arial;
}

h1, h2, h3
{
	text-align:center;
	margin    :0px;
	padding   :0px;
}

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




span.auteur
{
	color      :#78B0EB;
	font-size  :11px;
	font-weight:bold;
}

span.categorie
{
	color      :#EF229B;
	font-size  :11px;
	font-weight:bold;
}

span.date
{
	color      :#91C82F;
	font-size  :11px;
	font-weight:bold;
}

b.detailCommentaire
{
	display:block;
	
	color:#6E3943;
	font-size:12px;
	
	margin-bottom:5px;
}




/* conteneurs générals */
#general
{
	position:relative;
	width :900px;
	
	margin:150px auto 0;
}

div.final
{
	position:relative;
	width :900px;
	height:20px;
	
	clear :both;
}
	
#footer
{
	position:relative;
	
	width :900px;
	height: 40px;
	margin:0 auto;
}
	#footer span
	{
		font-size:10px;
	}
	#footer span.tokkun
	{
		color:#79B0E8;
		font-size  :10px;
		font-weight:normal;
	}


/* Left */
#left
{
	position:absolute;
	left :10px;
	top  :0px;
	
	width :100px;
	height:400px;
}
#categorie
{
	position:relative;
	top     :250px;
	left    :-75px;
	
	width  :180px;
	
	float:left;
	z-index:102;
}
	#categorie div.top
	{
		width :180px;
		height:20px;
		background-image:url(hab_article_top.png);
		background-repeat:no-repeat;
	}
	
	#categorie div.body
	{
		width  :126px;
		padding:0 33px;
		
		background-image:url(hab_article_body.png);
		background-repeat:repeat-y;
	}
	#categorie h3
	{
		color:#78b0eb;
	}
	#categorie div.bottom
	{
		width :180px;
		height:20px;
		background-image:url(hab_article_bottom.png);
		background-repeat:no-repeat;
	}

#article
{
	position:relative;
	top     :260px;
	left    :-70px;
	
	width :150px;
	height:150px;
	
	padding: 20px 0 0 25px;
	
	float:left;
	
	background-image:url(fond_article.png);
	background-repeat:no-repeat;
	z-index:100;
}
	#article h3
	{
		color      :#fA9700;
		font-size  :14px;
		font-weight:900;
	}
	#article a:hover
	{
		color:#305C0E;
	}
	#article a
	{
		margin-left:5px;
		
		color:#68B42E;
		font-size:12px;
	}
	#article font.sousTitre
	{
		margin-left:5px;
		
		color:#aec328;
		font-size:11px;
	}

	
	
	
/* Data (milieu) */


#langues
{
	height:30px;
}
	#langues div.picto
	{
		display:block;
		float:right;
		
		width :38px;
		height:27px;
		
		margin :0 2px 10px;
		padding:10px 0 0 10px;
		
		background-image:url(picto_langue.png);
	}
	
	#langue div.tokkun
	{
		
	}
	
#header
{
	width :733px;
}
	#header div.lastProject
	{
		position :absolute;
		
		top  :50px;
		right:16px;
	}
	
	#header div.project
	{
		position:absolute;
		top     :75px;
		right   :20px;
	}
	#header div.l_arrow:hover
	{
		background:url(picto_leftwhite2.png) no-repeat;
	}
	#header div.l_arrow
	{
		float :right;
		margin:35px 8px 0;
		
		width :8px;
		height:8px;
		
		background:url(picto_leftwhite.png) no-repeat;
	}
	#header div.r_arrow:hover
	{
		background:url(picto_rightwhite2.png) no-repeat;
	}
	#header div.r_arrow
	{
		float :right;
		margin:35px 8px 0;
		
		width :8px;
		height:8px;
		
		background:url(picto_rightwhite.png) no-repeat;
	}
	
	
	#header div.logo
	{
		position:absolute;
		
		top :3px;
		left:-60px
	}
	
	
	
	#header h1
	{
		margin :10px;
		padding:10px;
	}
	#header h2
	{
		margin :2px;
		padding:0;
		
		color:#256D86;
		font-size:18px;
		
		float:left;
	}

#data
{
	width :733px;
	
	position:relative;
	left:100px;
	top :  0px;
	
	z-index:1000;
}
	#data div.top
	{
		width :733px;
		height:20px;
		background-image:url(hab_article_top.png);
		background-repeat:no-repeat;
	}
	#data div.body
	{
		width:733px;
	
		background-image:url(hab_article_body.png);
		background-repeat:repeat-y;
	}
	#data div.bottom
	{
		width :733px;
		height:20px;
		background-image:url(hab_article_bottom.png);
		background-repeat:no-repeat;
	}
	
	#data h1, h2, h3
	{
		text-align:left;
		margin    :0px;
		padding   :0px;
	}


	
#blog
{
	width     :733px;
	
	margin-top:10px;
}
	#blog div.body
	{
		width     :703px;
		min-height:500px;
		
		padding :5px 15px;
	}
	
	#blog div.news
	{
		width :430px;
		margin-left:5px;
		
		float:left;
	}
		#blog div.news div.header
		{
			width :427px;
			height:27px;
			padding:7px 0 3px 25px;
			
			text-align :left;
			font-size  :18px;
			font-weight:normal;
			
			background-image :url(fond_newstitle.png);
			background-repeat:no-repeat;
		}
		#blog div.news p
		{
			padding:5px;
		}
	
	
	#blog div.commentaire
	{
		width :224px;
		
		float  :right;
		margin : 5px 10px 20px 0;
		
		background-color:#EBF5F3;
		
		-o-border-radius     :6px;
		-moz-border-radius   :6px;
		-webkit-border-radius:6px;
	}
		#blog div.commentaire h2
		{
			position:relative;
			
			top:-5px;
			
			width :224px;
			height: 37px;
			
			font-size :18px;
			
			margin-bottom:-20px;	
			padding:7px 0 3px 25px;
			
			background-image :url(fond_comtitle.png);
			background-repeat:no-repeat;
		}
		#blog div.commentaire div.contenu
		{
			padding:0 18px 10px;
		}
			#blog div.commentaire p
			{
				color:#0E3441;
				font-size:12px;
			}
			#blog div.commentaire div.separateur
			{
				width :160px;
				height: 10px;
				
				margin :10px auto -4px;
				padding:0 18px;
				
				background: url(hab_separateur.png) right top no-repeat;
				clear :both;
			}
			#blog div.commentaire textarea
			{
				width :190px;
				height: 48px;
				
				padding:5px 10px;
				margin-left: -5px;
				
				font  :10px Arial;
				
				background-color :#EBF5F3;
				background-image :url(hab_textearea.png);
				background-repeat:no-repeat;
				
				border:0;
				overflow:auto;
			}
			#blog div.commentaire input
			{
				width :180px;
				height: 20px;
				
				margin-left:-5px;
				padding: 3px 10px;
				
				font  :10px Arial;
				
				background-color :#EBF5F3;
				background-image :url(hab_input.png);
				background-repeat:no-repeat;
				
				border:0;
			}
	
	#blog div.separateur
	{
		width :681px;
		height: 10px;
		
		margin: 0 auto;
		
		background-image:url(hab_separateur.png);
		background-repeat:no-repeat;
		
		clear :both;
	}
	
	#blog div.terminateur
	{
		width :670px;
		height: 10px;
		clear :both;
	}

/* Right */
#right
{
	width :100px;
	height:400px;
	
	position:absolute;
	left:817px;
	top :  0px;
	
	z-index:101;
}

#contact
{
	width : 94px;
	height:231px;
	
	margin-left:-5px;
	padding:20px 5px 10px 20px;
	
	position:relative;
	top     :170px;
	
	float:left;
	
	background-image:url(fond_reseaux.png);
	background-repeat:no-repeat;
	z-index:102;
}
	#contact img
	{
		margin-bottom:8px;
	}

#liens
{
	width :132px;
	height:212px;
	
	margin-left:-5px;
	padding:25px 5px 10px 20px;
	
	position:relative;
	top     :140px;
	
	float:left;
	
	background-image:url(fond_link.png);
	background-repeat:no-repeat;
	z-index:103;
}
	#liens h3
	{
		color:#fa9700;
	}
	#liens span.detailLien
	{
		color:#79B0E8;
		font-size  :10px;
		font-weight:normal;
	}



/* liens */
a
{
	font-size:11px;
	
	font-weight    :bold;
	text-decoration:none;
}


a.button:hover
{
	background-color:#3B5B98;
}
a.button
{
	width :150px;
	
	margin :5px 0;
	padding:3px 0;
	
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	
	background-color:#33D1DC;
	
	display:block;
	cursor:pointer;
	
	-o-border-radius     :6px;
	-moz-border-radius   :6px;
	-webkit-border-radius:6px;
}

a.lienCom:hover
{
	color:#914100;
}

a.lienCom
{
	margin-left: 15px;
	
	color:#F39B15;
}

a.lienCategorie:hover
{
	color:#6D0943;
}
a.lienCategorie
{
	color:#ED008C;
	font-weight:bold;
}

a.lienArticle:hover
{
	color:#305C0E;
}
a.lienArticle
{
	color      :#FA9700;
	font-size  :14px;
	font-weight:900;
}

a.lienExt:hover
{
	color:#79B0E8;
}
a.lienExt:active
{
	color:#914100;
}
a.lienExt
{
	color:#F49E15;
	
	font-size  :10px;
	font-weight:normal;
}






/* Navigation */
a.navigation:hover
{
	color:#914100;
}
a.navigation
{
	margin-top  :-20px;
	margin-right: -5px;
	
	color:#F39B15;
	
	display:block;
	float:left;
	
	cursor:pointer;
}
	a.navigation div
	{
		height     :25px;
		padding-top:15px;
		
		float:left;
	}
	
	a.navigation div.left
	{
		width:15px;
		
		background-image:url(hab_navigation_left.png  );
		background-repeat:no-repeat;
	}
	
	a.navigation div.middle
	{
		background-image :url(hab_navigation_middle.png);
		background-repeat:repeat-x;
	}
	
	
	a.navigation div.right
	{
		width:15px;
		
		background-image:url(hab_navigation_right.png  );
		background-repeat:no-repeat;
	}



/* costum windows */
div.commentWindow
{
	position:fixed;
	z-index :50000;
	
	margin-left:-150px;
	margin-top :-200px;
	
	left:50%;
	top :50%;
	
	background: url(decoupecasepopup.png) no-repeat;
}

div.commentWindow div.header
{
	width  :297px;
	height : 27px;
	padding:7px 10px 3px 25px;
	
	text-align:left;
	font-size :11px;
}
	div.commentWindow div.header a.command:hover
	{
		background:url(decoupeXrollover.png) no-repeat;
	}
	div.commentWindow div.header a.command
	{
		display:block;
		float  :right;
		
		margin-top:2px;
		
		width :20px;
		height:20px;
		
		background:url(croix.png) no-repeat;
	}
	
div.commentWindow div.body
{
	width   :292px;
	height  : 92px;
	overflow:auto;
	
	padding:20px;
	font-size:12px;
}
	div.commentWindow div.body div.separateur
	{
		width :160px;
		height: 10px;
		
		margin-bottom:-4px;
		padding      :0 18px;
		
		background-position:top right;
		background-image:url(hab_separateur.png);
		background-repeat:no-repeat;
		
		clear :both;
	}


div.commentWindow div.footer
{
}



/* header */

div.header h3
{
	color      :#256D86;
	font-size  :18px;
	font-weight:bold;
	text-align :left;
	
	float:left;
	clear:none;
}

div.header span
{
	color      :#288DA1;
	font-size  :15px;
	font-weight:normal;
}


div.header div.title
{
	color:#256D86;
	font-size  :18px;
	font-weight:bolder;
	
	text-align :left;
	
	float:left;
}
div.header div.trait
{
	margin:3px 5px 0;
	
	color:#256D86;
	font-size:15px;
	
	float:left;
}
div.header div.subtitle
{
	margin-top:3px;
	
	color:#288DA1;
	font-size:15px;
	
	float:left;
}



/* Commentaire */