body {
	font-family:	georgia, garamond, serif;
	font-weight:	normal;
	font-style:		normal;
	font-size:		10px;
	color:			#999;
	margin:			0;
	padding:		0;
}
div#container {
	margin:			100px 24px 100px 24px;
	width:			822px;
}
h1 {
	font-size:		24px;
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-weight:	normal;
	font-style:		normal;
	line-height:	30px;
	margin:			0px 0px 100px 0px;
}

h2 {
	font-size:		14px;
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-weight:	normal;
	font-style:		normal;
	line-height:	18px;
	color:			#666;
	margin-top: 	36px;
}

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

a:hover {
	color:#6F0;
	text-decoration:none;
}

.step01 {
	/*display:none;*/
}

.step02 {
	/*display:none;*/
}

.clearfix {
	clear:both;
}
















/*     Blog      */

.blogues {
	width:570px;
	margin:0px 24px 24px 250px;
}

.blogues .content {
	padding:0px 24px 12px 24px;
}

.blogues .content .title {
	font-size:14px;
	font-style:italic;
	color:#666;
}

.blogues .content .title a:link, .blogues .content .title a:visited {
	color:#666;
}

.blogues .content .title a:hover {
	
}

.blogues .content .subtitle {
	color:#666;
}

.blogues .date {
	position:absolute;
	left:24px;
	color:#999;
}

blogues .content .text {
	
}

.blogues .comments {
	position:absolute;
	left:252px;
}

.blogues .comments .comments_popups {
	width:21px;
	height:20px;
	background-image:url(images/comment.png);
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:2px 0px 2px 2px;
	text-align:center;
}

.blogues .comments .comments_popups a:link, .blogues .comments .comments_popups a:visited {
	color:#FFF;
}

.blogues .comments .comments_popups a:hover {
	
}




















/*     Projets       */

.projets {
	float:left;
	width:250px;
	height:200px;
	margin:0px 24px 24px 0px;
}

.projets .image {
	width:250px;
	height:120px;
	background-color:#CCC;
}
.projets .content {
	padding:17px 24px 12px 24px;
	height:82px;
	overflow:hidden;
}

.projets .content .title {
	font-size:14px;
	font-style:italic;
	color:#666;
}

.projets .content .title a:link, .projets .content .title a:visited {
	color:#666;
}

.projets .content .title a:hover {
	
}

.projets .content .subtitle {
	color:#666;
}

.projets .content .date {
	color:#999;
}

.projets .content .text {
	height:50px;
}

.projets .comments {
	
}

.projets .comments .comments_popups {
	width:21px;
	height:20px;
	background-image:url(images/comment.png);
	position:relative;
	left:25px;
	top:-122px;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:2px 0px 2px 2px;
	text-align:center;
}

.projets .comments .comments_popups a:link, .projets .comments .comments_popups a:visited {
	color:#FFF;
}

.projets .comments .comments_popups a:hover {
	
}





.projet {
	width:800px;
	margin:0px 24px 24px 0px;
}

.projet .image {
	width:800px;
	height:533px;
	background-color:#CCC;
}
.projet .content {
	padding:17px 24px 12px 24px;
}

.projet .content .title {
	font-size:14px;
	font-style:italic;
	color:#666;
}

.projet .content .title a:link, .projet .content .title a:visited {
	color:#666;
}

.projet .content .title a:hover {
	
}

.projet .content .subtitle {
	color:#666;
}

.projet .content .date {
	color:#999;
}

.projet .content .text {
}

.projet .comments .comments_popups {
	width:21px;
	height:20px;
	background-image:url(images/comment.png);
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:2px 0px 2px 2px;
	text-align:center;
	margin:12px 0px 0px 0px;
}

.projet .comments .comments_popups a:link, .projet .comments .comments_popups a:visited {
	color:#FFF;
}

.projet .comments .comments_popups a:hover {
	
}