* { margin: 0; padding: 0; }
.clear { clear: both; }

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

a img { border: none; }

table.no, table.no tr, table.no td { border: none; border-collapse: collapse; vertical-align: top; }

h2.list {
	border-bottom:1px solid #8ee3ff;
	color:#c1f0ff;
	font-family: Tahoma;
	font-size:1.75em;
	font-variant:small-caps;
	font-weight:normal;
	letter-spacing:0.05em;
}

h2.list_col {
	border-bottom:1px outset #00CCFF;
	color: #33CCFF;
	font-family:Tahoma;
	font-size:1.75em;
	font-variant:small-caps;
	font-weight:normal;
	letter-spacing:0.05em;
}
			
ul.list, div.list {
	width: 180px;
	color: #FFF;
}
					
ul.list li {
	list-style: none;
	display: block;
}

ul.list li a, div.list a {
	display: block;
	padding:2px 0;
	margin-right: 12px;
	border-bottom: 1px #FFF dotted;
	color: #FFF;
}

ul.list li a:hover, div.list a:hover { 
	background-color: #FB0083; }

ul.list li a:first-letter, div.list a:first-letter {
	padding-left: 16px;
}

ul.list_col, div.list_col {
	width: 180px;
	color: #FFF;
	font-size:13px;
}
					
ul.list_col li {
	list-style: none;
	display: block;
}

ul.list_col li a, div.list_col a {
	display: block;
	padding:2px 0;
	color: #FFF;
	text-decoration:none;
	border-bottom: 1px #FFF dotted;
}

ul.list_col li a:hover, div.list_col a:hover { 
	background-color: #1A1D1F;
	margin-right:0px;	
	padding:2px 15px;
	color: #FFF;
	}

ul.list_col li a:first-letter, div.list_col a:first-letter {
	background: url(puce0000.gif) center left no-repeat;
	padding-left: 16px;
	color:#00FFFF;
}
ul.list_col li a:hover:first-letter, div.list_col a:hover:first-letter {
color: #FF00CC;
}
ul.columns, div.columns {
	width: 300px;
	color: #FFF;
}

ul.columns li {
	list-style: none;
	display: block;
	float: left;
}

div.columns a {
	display: block;
	float: left;
}
		
ul.columns li a, div.columns a {
	float: left;
	padding:3px 0;
	width: 137px;
}
				
ul.list li a, div.list a { color: #FFF; text-decoration: none; }
ul.list li a:hover, div.list a:hover { color: #FFF; text-decoration: none; }

/* ***************** */

html {
	background: #F2F5F9 url(html-bac.png) repeat;
}

body {
	background: url(body-bac.jpg) top repeat-x;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	border-top: 1px solid #FFF;
}

/* En-tête */

div#head {
	width: 996px;
	height: 286px;
}

	div#head-vecto {
		float: left;
		width: 319px;
		height: 286px;
		background: url(vecto000.jpg) top left no-repeat;
	}
	
	div#head-black-and-blue {
		float: left;
		width: 677px;
		height: 286px;
	}
	
		div#head-black {
			width: 677px;
			height: 187px;
			background: url(black000.jpg) top left no-repeat;
		}
		
		img#head-black-empty { width: 350px; height: 180px; }
		
		div#search {
			width: 200px;
			height: 28px;
			float: right;
			margin-top: 6px;
			margin-right: 0px;
		}
		
			div#search table, div#search tr, div#search td { border: none; border-collapse: collapse; }
			
			div#search td.search-icon { background: url(search-i.jpg) top left no-repeat; width: 34px; height: 28px; }
			div#search td.search-input { background: url(search-j.jpg) top left no-repeat; width: 133px; height: 28px; vertical-align: top; }
			div#search td.search-ok { width: 33px; height: 28px; }
			
			div#search input#s { padding: 2px; width: 127px; height: 16px; margin-top: 3px; border: none; background: none; }
		
		div#head-blue {
			width: 677px;
			height: 99px;
			background: url(blue0000.jpg) top left no-repeat;
		}
		
			div#head-blue-1 {
				float: left;
				width: 338px;
				height: 99px;
				background: url(blue-100.jpg) top right no-repeat;
				overflow: hidden;
			}

				div#head-blue-1-content {
					padding-left: 30px;
				}

				div#head-blue-1 h2.list {
					padding-top:7px;
					width:285px;
				}
			
			div#head-blue-2 {
				float: left;
				width: 336px;
				height: 99px;
				background: url(blue-200.jpg) top left no-repeat;
			}
				div#head-blue-2 a:hover{
				color: #006699;
				font-size:15px;
				font-weight:bold;
			}
				#head-rss-about {
					float: left;
					width: 168px;
				}
			
					#head-rss {
						width: 168px;
						height: 76px;
						text-align: center;
						line-height: 25px;
					}
					
						a#head-rss-ico {
							background: url(rss00000.png) center left no-repeat;
							padding-left: 20px;
							color: #FFF;
							font-size: 1.5em;
							font-family: Tahoma;
							text-decoration: none;
						}
		
						a#head-rss-ico:hover { color: #FFF; text-decoration: none;}
						
						#head-rss .feed-readers {
							font-family:  Tahoma;
							font-size:1.75em;
							color: #FFF;
							font-style:oblique;
							text-align: center;
							margin-top:5px;
						}
						
					#head-about {
						height: 23px;
						width: 168px;
						background: url(about000.jpg) top left no-repeat;
					}
					
						#head-about p {
							color: #00B9EB;
							font-size: 0.95em;
							text-align: center;
							padding: 5px 10px 0px 0px;
						}
						
							#head-about p a { color: #00B9EB; text-decoration: none; }
							#head-about p a:hover { color: #00B9EB; text-decoration: none; font-size:12px }
						
				#head-my-links {
					float: left;
					width: 168px;
					padding-top: 8px;
				}
				
					#head-my-links a {
						padding-left: 20px;
						color: #FFF;
						font-size: 1.5em;	
						font-family: Tahoma;
						text-decoration: none;
					}
					
					#head-my-links a:hover { color: #FFF; text-decoration: none; }
					
					a#head-my-flickr { background: url(flickr00.png) center left no-repeat; }
					a#head-my-twitter { background: url(twitter0.png) center left no-repeat; }
					a#head-my-delicio { background: url(delicio0.png) center left no-repeat; }
					a#head-my-facebook { background: url(facebook.png) center left no-repeat; }
					
					

#container {
	width: 996px;
	height: 100%;
}

table#container, table#container tr, table#container td { border: none; border-collapse: collapse; vertical-align: top; }

/* Menu */
	
#menu {
	width: 319px;
	color: #FFF;
	background: url(bubbles0.png) top left repeat-y;
}

	#menu ul li { list-style: none; }

	div#menu-nawak {
		width: 319px;
		height: 44px;
		background: url(nawak000.jpg) top left no-repeat;
	}
	
	div#menu-aaa {
		width: 319px;
		height: 47px;
		background: url(aaa00000.jpg) top left no-repeat;
	}
	
		div#menu-aaa ul {
			padding: 6px 0 0 14px;
		}
	
			div#menu-aaa ul li {
				list-style: none;
				display: inline;
				width: 23px;
				height: 23px;
				margin-right: 6px;
			}
			
			div#menu-aaa ul li a { cursor: pointer; }

	div#menu-top {
		width: 319px;
		background: url(top00000.png) top left no-repeat;
	}
	
	div#menu-bottom {
		width: 319px;
	}
	
	div#menu-black-1 {
		width: 319px;
		background: url(black-10.png) left repeat-y;
	}
	
		div#menu-black-1-bottom {
			width: 319px;
			background: url(black-1-.png) bottom left no-repeat;
		}
		
		div#menu-black-1-content {
			width: 188px;
			padding-left: 25px;
			padding-right: 25px;
			padding-bottom: 10px;
		}
		
		div.menu-black-1-sepa-1 {
			padding-bottom: 10px;
			background: url(black-11.png) bottom center no-repeat;
		}
		
		div.menu-black-1-sepa-2 {
			padding-top: 10px;
			background: url(black-12.png) top center no-repeat;
		}
	
	div#menu-black-2 {
		width: 319px;
		background: url(black-20.png)  repeat-y left;
	}
	
		div#menu-black-2-bottom {
			width: 319px;
			background: url(black-2-.png) bottom left no-repeat;
		}
		
		div#menu-black-2-content {
			padding:10px 0 10px 25px;
			width:190px;
		}
		
		div.menu-black-2-sepa-1 {
			padding:0 0 10px;
			background: url(black-21.png) bottom center no-repeat;
			width:190px;
		}
		
		div.menu-black-2-sepa-1 ul li a {
		display:block;
		color: #7F8A8F;
		text-decoration: none; 
		border-top:	1px dotted #FFF;
		display: block;
		padding:2px 0;
		color: #FFF;
		text-decoration:none; 
		}	
		
		div.menu-black-2-sepa-1 ul li a:first-letter, div.list a:first-letter {
		background: url(puce0000.gif) center left no-repeat;
		padding-left: 16px;
		}

		div.menu-black-2-sepa-1 ul li.bleu a{
		border-top: 0;
		}
		
		div.menu-black-2-sepa-1 ul li.bleu a:first-letter{
		color: #FF6600;
		}
		
		div.menu-black-2-sepa-1 ul li.bleu a:hover{
			background-color: #1A1D1F;
			margin-right:10px;		
			padding:2px 15px;
			color: #FFF;
		}
		div.menu-black-2-sepa-1 ul li.bleu a:hover:first-letter{
		color: #FFFFCC;
		}
		div.menu-black-2-sepa-1 ul li.rose a:first-letter{
		color: #33FF00;
		}
		
		div.menu-black-2-sepa-1 ul li.rose a:hover{
			background-color: #1A1D1F;
			margin-right:10px;		
			padding:2px 15px;
			color: #FFFFFF;
		}	
		div.menu-black-2-sepa-1 ul li.rose a:hover:first-letter{
		color: #FF0000;
		}
		div.menu-black-2-sepa-1 ul li.blanc a:first-letter{
		color: #FFFF00;
		}

		div.menu-black-2-sepa-1 ul li.blanc a:hover{
			background-color: #1A1D1F;
			margin-right:10px;		
			padding:2px 15px;
			color: #FFF;
		}	
		
		div.menu-black-2-sepa-1 ul li.blanc a:hover:first-letter{
		color: #00B9EB;
		}		
		
		div.menu-black-2-sepa-1 ul li a:hover {
		background-color:#1a1d1f;
		}	
	
		div.menu-black-2-sepa-2 {
			padding-top: 10px;
			background: url(black-22.png) top center no-repeat;
		}
		
		div.menu-black-2-sepa-3 {
			padding:10px 0 10px;
			margin-top:5px;
			background:transparent url(black-23.png) no-repeat scroll;
		}
		
		div.menu-black-2-sepa-3 p.twitter{
			padding:55px 0 0;
			padding-left:3px;
			color: #FFFFFF;
			font-size: 1.3em;
			font-family: Tahoma;
			font-style: oblique;
			letter-spacing:0.09em;
			line-height:0.9em;
			text-decoration: none; 
			font-variant: small-caps;
		}
		div.menu-black-2-sepa-3 p.twitter_day {
			text-align: left;
		}
		
		div.menu-black-2-sepa-3 p.twitter_day a{
			padding: 3px;
			color: #fff;
			font-size: .9em;
			letter-spacing: .08em;
			text-decoration: none; 	
		}
		
		div.menu-black-2-sepa-3 p.twitter_day a:hover{
			background-color:#1a1d1f;
		}

		div.menu-black-2-sepa-4 {
			padding-top: 10px;
			background: url(black-22.png) top center no-repeat;
		}
	
	div#menu-black-3 {
		width: 319px;
		background: url(black-30.png) left repeat-y;
	}
	
		div#menu-black-3-content {
			padding:0px 0 20px 25px;
			width:190px;
		}

		div.menu-black-3-sepa-1 {
			padding-bottom: 10px;
		}
		
		div.menu-black-3-sepa-2 {
			padding-top: 10px;
			background: url(black-31.png) top center no-repeat;
			font-family:  Tahoma; text-decoration: none; font-size: 1.1em;		
		}
		
	div.menu-black-3-sepa-2 h2 {
		text-indent:-9999px;
		display:block;
		height:60px;
		width:264px;
	}	

	div.menu-black-3-sepa-2 h2 {
		background:url(jobs0000.png) no-repeat;
		border-bottom: 0;
		padding: 0;
	}	
	
	div.menu-black-3-sepa-2 a {
	color: #00B9EB;
	text-decoration: none; 
	font-style: oblique;
	font-size: 0.8em;
	}	
	
	div.menu-black-3-sepa-2 ul {
	padding: 0;
	margin: 0;
	width: 208px;
	}	
	
		
		div.menu-black-3-sepa-3 {
			padding-bottom: 20px;
			background: url(black-3-.png) bottom center no-repeat;
		}
		
		div.menu-black-3-sepa-4 {
			padding-top: 10px;
			background: url(black-31.png) top center no-repeat;
		}
			div.partenaire1 a{
				background: url(01_Emob0.jpg) top left no-repeat;
				width: 186px;
				height: 46px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire1 a:hover{
				background: url(01_Emob0.jpg) top right no-repeat;
			}
			
			div.partenaire2 a{
				background: url(02_Roots.jpg) top left no-repeat;
				width: 186px;
				height: 37px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire2 a:hover{
				background: url(02_Roots.jpg) top right no-repeat;
			}
			
			div.partenaire3 a{
				background: url(03_clubc.jpg) top left no-repeat;
				width: 186px;
				height: 52px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire3 a:hover{
				background: url(03_clubc.jpg) top right no-repeat;
			}
			
			div.partenaire4 a{
				background: url(04_popra.jpg) top left no-repeat;
				width: 186px;
				height: 59px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire4 a:hover{
				background: url(04_popra.jpg) top right no-repeat;
			}
			
			div.partenaire5 a{
				background: url(05_jcd00.jpg) top left no-repeat;
				width: 186px;
				height: 46px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire5 a:hover{
				background: url(05_jcd00.jpg) top right no-repeat;
			}
			
			div.partenaire6 a{
				background: url(06_fubiz.jpg) top left no-repeat;
				width: 186px;
				height: 46px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire6 a:hover{
				background: url(06_fubiz.jpg) top right no-repeat;
			}
			
			div.partenaire7 a{
				background: url(07_whe00.jpg) top left no-repeat;
				width: 186px;
				height: 45px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire7 a:hover{
				background: url(07_whe00.jpg) top right no-repeat;
			}
			
			div.partenaire8 a{
				background: url(08_stick.jpg) top left no-repeat;
				width: 186px;
				height: 68px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire8 a:hover{
				background: url(08_stick.jpg) top right no-repeat;
			}
			
			div.partenaire9 a{
				background: url(09_manzi.jpg) top left no-repeat;
				width: 186px;
				height: 58px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire9 a:hover{
				background: url(09_manzi.jpg) top right no-repeat;
			}
			
			div.partenaire10 a{
				background: url(10_ViaCo.jpg) top left no-repeat;
				width: 186px;
				height: 54px;
				display: block;
				text-indent:-9999px;
			}
			div.partenaire10 a:hover{
				background: url(10_ViaCo.jpg) top right no-repeat;
			}
			
		div.menu-detente table, div.menu-detente tr, div.menu-detente td {
			border: none;
			border-collapse: collapse;
		}
		
			div.menu-detente table td.entry { padding: 5px 5px 0px 5px; line-height: 20px; text-align: center; }
			div.menu-detente table td.entry span { font-size: 1.2em; }
		
			.menu-featured .featur { margin-bottom: 10px; }
		
			.menu-featured .alt .entry { text-align: right; }
			.menu-featured .entry span { font-family: Tahoma; text-decoration: underline; font-size: 1.2em; }
			.menu-featured .entry a { font-size: 0.9em; color: #00B9EB; text-decoration: none; font-style: oblique; }
			
			.menu-featured .img { float: left; margin-right: 5px; }
			.menu-featured .alt .img { float: right; margin-left: 5px; }

	div#feat-button { width: 181px; height: 24px; background: url(feat-but.jpg) top no-repeat; }
		div#feat-button p { padding: 4px 0 0 6px; }
		div#feat-button a, div#feat-button a:hover { color: #FFF; text-decoration: none; cursor: pointer; }
	div#feat-container { width: 181px; display: none; }
	ul.feat-list { padding-bottom: 1px; background: url(feat-lis.jpg) bottom no-repeat; }
	ul.feat-list li { list-style: none; }
	ul.feat-list li a { display: block; background: url(feat-lit.jpg) top no-repeat; height: 24px; color: #FFF; text-decoration: none; }
	ul.feat-list li a:hover { background: url(feat-liu.jpg) top no-repeat; color: #FFF; }
		
	ul.feat-list li.first a { background: url(feat-liu.jpg) top no-repeat; height: 22px; }
	ul.feat-list li.first a:hover { background: url(feat-liv.jpg) top no-repeat; }
		
	ul.feat-list li a span { display: block; padding: 3px 0 0 28px; }
	
	div#feat-shadow { width: 181px; height: 16px; background: url(feat-sha.jpg) top no-repeat; }
/* Contenu */

#content {
	width: 677px;
	color: #666666;
	font-size:1em;
}

	div#content-shadow-left {
		width: 677px;
		background: url(shadow-l.jpg) top left no-repeat;
		float:left;
	}
	
	div#content-shadow-right {
		width: 677px;
	}
	
	div#content-about {
		height: 150px;
		width: 649px;
		margin-left: 12px;
		margin-right: 14px;
		background: url(about001.jpg) top repeat-x;
		border-left: 1px solid #FFF;
		border-right: 1px solid #FFF;
		color: #FFF;
	}

		div#content-about p.about-text {
			float: left;
			height: 100px;
			width: 215px;
			color: #FFF;
			padding: 10px;
		}

		div#content-about p.about-sepa {
			background: url(about-se.png) top right no-repeat !important;
			background: none;
			padding-right: 10px;
		}

div.post {
	width: 670px;
	background: url(shadow-t.jpg) top left no-repeat;
	float:left;
}

	div.firstpost { background: none; }
	
	div.post-shadow {
		width: 670px;
		float:left;
	}
	
	div.post-content {padding: 10px 20px 10px 20px; float:left; width:630px;}
	
	div.post a { color: #00B9EB; text-decoration: none; }
	div.post a:hover { color: #FF0088; text-decoration: none; }
	
	div.post a.blank { color: #00B9EB; text-decoration: none; }
	div.post a.blank:hover { color: #FF0088; text-decoration: none; }
	
	div.post a { color: #FF0088; text-decoration: none; }
	div.post a:hover {
	color: #F5F7FA;
	text-decoration: none;
}
	
	div.post-date {
		width: 54px;
		height: 50px;
		padding-top: 15px;
		background: url(date0000.png) top right no-repeat;
		text-align: center;
		line-height: 20px;
		float: left;
	}
	
		.post-date-d {
			font-size: 3em;
			letter-spacing: -4px;
			color: #FF0088;
		}
		
		.post-date-m-y {
			font-size: 1.2em;
			letter-spacing: -1px;
			color: #00B9EB;
		}
		
	div.post-title-cat-com {
		float: left;
		padding-left:5px;
		padding-bottom: 4px;
		border-bottom: 1px dotted #959595;
	}
	div.post-title-cat-com a:hover{
		color:#00B9EB;
	}
		h1.post-title, h2.post-title2 {
			font-family:  Tahoma;
			font-size:18px;
			font-variant: normal;
			color: #F00;
			margin-bottom:10px;
			background-color: #FFC;
			padding:5px;
			width:640px;
		}
		h2.post-title {
			font-family:  Tahoma;
			font-size:18px;
			font-variant: normal;
			color: #F00;
			margin-bottom:10px;
			padding:5px;
			width:640px;
		}
			h1.post-title a, h2.post-title a { color: #404040; text-decoration: none; }
			h1.post-title a:hover, h2.post-title a:hover { color: #00B9EB; text-decoration: none; }
		
		p.post-cat-com {
			font-size: 1em;
		}
		
			p.post-cat-com a { color: #666666; text-decoration: none; }
			p.post-cat-com a:hover { color: #00B9EB; text-decoration: none; }
		
			div.post-entry:first-letter, div.post-entry span.firstletter {
				font-family:  Tahoma;
				font-size: 4.3em;
				float: left;
				color: #BBCBD1;
				margin: -7px 4px -14px 0px;
			}
			
			div.post-entry p { margin-bottom: 10px; }
			div.post-entry ol, div.post-entry ul { margin-left: 15px; }
			div.post-entry h2 { font-size: 1.3em; }
			div.post-entry h3 { font-family:  Tahoma; font-size: 1.2em; }
			div.post-entry blockquote { 
				background: url(quote000.jpg) top left no-repeat; 
				padding: 20px 20px 10px 20px; 
				font-family:Tahoma;
				font-size:1.8em;
				font-style:oblique;
				letter-spacing:-0.06em;
				line-height:1.1em; }
			
		p.post-more {
			float: right;
			height: 19px;
			padding-left: 45px;
			padding-top: 4px;
			margin-top: 15px;
			background: url(more0000.jpg) top left no-repeat;
		}
			p.post-more a { color: #F60; text-decoration: none; }	
			p.post-more a:hover { color: #0CF; text-decoration: none; }	
		
		div.post-tags-postcom {
			margin-top: 0px;
			float:left;
			border-bottom: 1px dotted #959595;
			padding-bottom: 4px;
			margin-bottom: 4px;
			margin-left:20px;
		}
			
			p.post-tags {
				background: url(tags0000.png) center left no-repeat;
				padding-left: 20px;
				float: left;
			}
				
			p.post-postcom {
				float: right;
			}
			
				p.post-postcom a { color: #FF0088; text-decoration: none; }
				p.post-postcom a:hover { color: #00B9EB; text-decoration: none; }
		
		ul.post-social-bookmark {
			float: right;
			width:220px;
			margin-bottom:10px;
			padding-right:10px;
		}
		
			ul.post-social-bookmark li {
				list-style: none;
				display: inline;
				margin-right: 5px;
			}

		div.post-relation-middle {
			height: 99px;
			margin-top: 40px;
			margin-bottom: 40px;
			background: url(relation.jpg) top repeat-x;
		}
		
			div.post-relation-left {
				height: 99px;
				background: url(relation.jpg) top left no-repeat;
			}
			
			div.post-relation-right {
				height: 99px;
				background: url(relation.jpg) top right no-repeat;
			}
			
			div.post-relation {
				color: #616769;
				padding: 4px 10px 5px 40px;
			}
			
				div.post-relation p { font-size: 1em; font-family: Tahoma; }
				div.post-relation ul { margin-top: 5px; }
				div.post-relation ul li {
					list-style: none;
					background: url(relation.jpg) top left no-repeat;
					padding-left: 14px;
					font-size: 0.9em;
					margin-bottom: 2px;
				}
				
				div.post-relation ul li a { color: #616769; text-decoration: underline; }
				div.post-relation ul li a:hover { color: #616769; text-decoration: none; }

div#respond {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 597px;
	padding-bottom: 20px;
	background: url(shadow00.jpg) bottom center no-repeat;
}

	div#respond p { margin-bottom: 10px; }
	div#respond td { padding-bottom: 10px; padding-right: 30px; }
	div#respond table, div#respond tr, div#respond td { border: none; border-collapse: collapse; }
	div#respond form textarea { width: 597px; }
	div#respond form input, div#respond form textarea { 
		border: 2px solid #D4F6FD;
		padding: 2px;
		font-size: 1.2em;
		color: #666666;
		font-family:  Tahoma;
	}
	div#respond form input { background: #FFF url(input000.jpg) bottom repeat-x; }
	div#respond form textarea { background: #FFF url(textarea.jpg) bottom repeat-x; }
	

div#comments {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 597px;
}

	div.comment {
		width: 597px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		background: url(shadow00.jpg) bottom center no-repeat;
		color: #FFF;
	}
	
	div.comment a { color: #FFF; text-decoration: none; }
	div.comment a:hover { color: #FFF; text-decoration: underline; }
	
	div.comment-entry-middle {
		width: 605px;
		background: url(blue-ent.jpg) left repeat-y;
	}
	
		div.comment-entry-top {
			width: 605px;
			background: url(blue-ent.jpg) top left no-repeat;
		}
		
		div.comment-entry-bottom {
			width: 605px;
			background: url(blue-ent.jpg) bottom left no-repeat;
		}
		
		div.comment-entry {
			padding: 12px;
		}
		
			.comment-info { margin-bottom: 10px; }
			.comment-author { float: left; }
			.comment-date { float: right; }
			
		div.comment-alt div.comment-entry-middle { background: url(black-en.jpg) left repeat-y; }
		div.comment-alt div.comment-entry-top { background: url(black-en.jpg) top left no-repeat; }
		div.comment-alt div.comment-entry-bottom { background: url(black-en.jpg) bottom left no-repeat; }
		
	div.comment-image-middle {
		width: 605px;
		height: 54px;
		background: url(blue-ima.jpg) top repeat-x;
	}
	
		div.comment-image-left {
			width: 605px;
			height: 54px;
			background: url(blue-ima.jpg) top left no-repeat;
		}
		
		div.comment-image-right {
			width: 605px;
			height: 54px;
			background: url(blue-ima.jpg) top right no-repeat;
		}
		
		div.comment-image {
			padding-left: 40px;
			padding-top: 4px;
		}
		
			div.comment-image p {
				width: 50px;
				height: 50px;
				overflow: hidden;
			}
		
		div.comment-alt div.comment-image-middle { background: url(black-im.jpg) top repeat-x; }
		div.comment-alt div.comment-image-left { background: url(black-im.jpg) top left no-repeat; }
		div.comment-alt div.comment-image-right { background: url(black-im.jpg) top right no-repeat; }

div#content-navigation {
	width: 632px;
	margin-left: 30px;
}

div.error404 {
	color: #FFF;
	width: 585px;
	height: 280px;
	background: url(40400000.png) top left no-repeat;
	margin: 10px auto 0px auto;
}

	div.error404-entry { padding: 180px 10px 0px 20px; }
	
	div.error404 a { color: #FFF; text-decoration: none; }
	div.error404 a:hover { color: #FFF; text-decoration: underline; }
	
	p.error404-bigtext {
		font-size: 1.5em;
		height: 37px;
		margin: 30px auto 0px auto;
		text-align: center;
	}	
		p.error404-bigtext span { padding: 15px 0px 15px 60px; background: url(404home0.jpg) top left no-repeat; }


/* Pied de page */

div#footer {
	width: 100%;
	background: #000 url(back0000.jpg) top repeat-x;
	color: #FFF;
}

div#footer-triangles {
	width: 100%;
	height: 126px;
	background: url(triangle.jpg) top repeat-x;
}

div#footer-content {
	width: 996px;
}

	div.footer-box {
		width: 460px !important;
		width: 450px;
		float: left;
		margin-left: 15px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding-right: 10px;
		padding-top: 20px;
	}
		div.footer-box a{
			color: #0CF;
			text-decoration:none;
		}
		div.footer-box a:hover{
			color: #FFF;
			text-decoration:none;
		}
		div.footer-sepa {
			background: url(sepa0000.png) top right no-repeat !important;
			background: none;
		}
	
		div.footer-box h2.list {
			width:286px;
		}
		
		div.st-tag-cloud {
			font-family:  Tahoma;
			color: #FFF;
			text-align: center;
			margin-top: 11px;
			word-spacing:.3em;
			font-size:1.7em;
			font-style:oblique;
			line-height:1.62em;
		}
		
			div.st-tag-cloud a { color: #FFF; background: #fff filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; text-decoration: none; }
			div.st-tag-cloud a:hover { background-color:#FFF; color: #FF35B1; text-decoration: none; }
		
		div#flickr {
			width: 300px !important;
			width: 290px;
			margin-top: 5px;
		}
			
			div#flickr a {
				display: block;
				float: left;
				margin-right: 5px;
				margin-top: 1px;
			}
			
			div#flickr a img {
				border: 1px solid #A6A6A6;
				margin:8px 3px;
				padding:6px;
				background: #FFF;
				filter:alpha(opacity=35);-moz-opacity:.35;opacity:.20;
			}
			
			div#flickr a img:hover {
				filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
			}
			
	div#footer-copyright {
		width: 996px;
		height: 50px;
		padding-top: 19px;
		padding-bottom: 6px;
		background: url(copyrigh.png) top center no-repeat;
		color: #FFF;
	}
	div#footer-copyright a{
		color: #0CF;
		text-decoration: none;
	}
		div.footer-copyright-box {
			width: 260px;
			background: url(copyrigh.jpg) 0px 8px no-repeat;
			float: left;
			padding-left: 10px;
			margin-left: 40px;
		}
		
		.footer-copyright-design {
			background: url(design00.jpg) center left no-repeat;
			padding-left: 20px;
		}
			
			.footer-copyright-design a { color: #00B9EB; text-decoration: none; }
			.footer-copyright-design a:hover { color: #FF35B1; text-decoration: none; }
		
		.footer-copyright-integr {
			background: url(integr00.jpg) center left no-repeat;
			padding-left: 20px;
			margin-top: 5px;
		}
		
			.footer-copyright-integr a { color: #FF35B1; text-decoration: none; }
			.footer-copyright-integr a:hover { color: #00B9EB; text-decoration: none; }
			
		.footer-copyright-valid {
			background: url(valid000.jpg) center left no-repeat;
			padding-left: 20px;
		}

		.footer-copyright-cc {
			font-size: 0.9em;
		}

			.footer-copyright-cc a { color: #2F3031; text-decoration: none; }
			.footer-copyright-cc a:hover { color: #AAA; text-decoration: none; }

table#MBL_COMM td.mbl_fo_hidden { display: none; }

body div#toolTip { position:absolute;z-index:1000;width:240px;background:#1B1C20;border:2px double #B5C2C8;text-align:left;padding:5px;-moz-border-radius:4px; }
body div#toolTip p { 
	margin:0;padding:0;
	font-family:Tahoma;
	font-size:1.6em;
	color: #B5C2C8;
	font-weight:normal;
}
body div#toolTip p em { 
	display:block;
	color:#888;
	font-style:normal;
	font-size:.6em;
 }
body div#toolTip p em span { font-weight:bold;color:#fff; }

#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}
#thuthuat a{
font-size:14px;
color: #FFCC66;
text-decoration:none;
cursor: default;
line-height:25px;
}
#thuthuat a:hover{
font-size:14px;
color: #FFFFFF;
}
#thanhvien {
width:170px;
margin-top:5px; 
margin-bottom:5px;
}
#thanhvien a{
color: #00CCFF;
text-decoration: none;
}
#thanhvien a:hover{
color: #FFFF00;
text-decoration: none;
}
#comment {
color: #FF0000;
font-weight:bold;
margin-top:5px; 
margin-bottom:5px;
}
#comment  a{
font-weight:normal;
color: #FFFFFF;
text-decoration: none;
}
#comment  a:hover{
color: #FFFF00;
text-decoration: none;
}
.an{
display:none;
}

.lienhe{
	color:#C90
}
#box a:hover{
	color:#09F;
}
#dk{
	width:180px; margin-top:10px; background-color:#7FDAF7;
}
#dk:hover{
	background-color:#FFF;
}