body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font : normal 13px Verdana;
	background: url('../images/top.png') repeat-x left top #8FBC8F;
}

div#conteneur
{
	width: 828px ;
	margin: 0 auto ;
	text-align: justify ;
	border: 2px solid #4A6F4A ;
	background: #fff ;
	padding:0px;
}

#header
{
	vertical-align:bottom;
	text-align:right;
	height: 150px;
	background: url(../images/pierre.png) no-repeat left top;
	margin:0px;
	text-align:left;
}

#header span{
	text-align:right;
	float:right;
	font:normal 13px Courier; 
}

#menu
{
	display:block;
	margin:0px;
	padding:0px;
	text-align:left;
	width:100%;
	background: #4A6F4A ;
	/*border-top:2px groove #FFF;*/
	/*border-bottom:2px groove #FFF;*/
}
#menu ul
{
	list-style-type: none ;
	margin:0px;
}
#menu li
{
	display:inline-block;
	font : bold 13px Verdana;
	letter-spacing: 1px ;
	margin:0px;
	padding:0px;
}
#menu li a
{
	display:inline-block;
	padding:10px;
	margin:0px;
	color: #FFF ;
	text-decoration: none ;
	background: #4A6F4A ;
	border:0px;
	border-top:1px solid #4A6F4A;
	border-bottom:3px solid #4A6F4A;
}
ul#menu li a:hover, ul#menu li a.active
{
	padding:10px;
	background: #8FBC8F ;
	border-top:1px groove #FFF;
	border-bottom:3px groove #FFF;
}

div#contenu
{
	padding: 10px ;
	vertical-align:top;
}
div#contenu h2
{
	padding-left: 25px ;
	line-height: 10px ;
	font-size: 14px ;
	color: #8FBC8F ;
	border-bottom: 1px solid #8FBC8F ;
}
div#contenu h3
{
	margin-left: 5px ;
	padding-left: 5px ;
	border-bottom: 1px solid #8FBC8F ;
	border-left: 1px solid #8FBC8F ;
	color: #8FBC8F ;
}

div#contenu a
{
	color: #6F3F57 ;
}

div#contenu a:hover
{
	color: #8FBC8F;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #6F3F57 ;
}
pre
{
	overflow: auto ;
}
pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

div#cv
{
	padding: 0px ;
	vertical-align:top;
	font:normal 12px Arial;
	border:0px;
}

div#cv div {
	display:inline;
}

div#cv span.top {
	display:inline-block;
	vertical-align:middle;
	width:60%;
	text-align:center;
	margin:0px;
	padding:0px;
	min-width:0%;
}

div#cv span.adress {
	display:inline-block;
	vertical-align:middle;
	width:39%;
	margin:0px;
	padding:0px;
	min-width:0%;
}

div#cv span {
	display:inline-block;
	vertical-align:top;
	min-width:51%;
}

div#cv span.year {
	display:inline-block;
	vertical-align:top;
	text-align:right;
	min-width:0px;
	width:80px;
	float:right;
}

div#cv h1
{
	font: bold 18px Verdana;
	color: #6F3F57;
	text-transform:uppercase;
}

div#cv h2
{
	padding:0px;
	padding-bottom: 1px ;
	text-transform:uppercase;
	font: bold 14px Arial;
	color: #8FBC8F ;
	border-bottom: 1px solid #8FBC8F ;
}

div#cv h3
{
	padding:0px;
	padding-left:5px;
	margin:0px;
	color: #6F3F57 ;
	border:0px;
	font: bold 12px Verdana;
	text-transform:uppercase;
}

div#cv h4
{
	padding:0px;
	padding-left:5px;
	margin:0px;
	color: #000 ;
	text-transform:capitalize;
	font: bold 12px Arial;
}
div#cv h5{
	text-transform:capitalize;
	font:normal 12px Arial;
	text-indent:0px;
	line-height:14px;
	padding:0px;
	padding-left:5px;
	margin:0px;
}

div#cv ul{
	list-style-type: disc ;
	padding-left:5px;
	margin-left:20px;
}

div#cv ul ul{
	list-style-type: circle ;
}

div#article {
	text-align:left;
	min-height:260px;
}

div#article code {
	display:block;
	width:80%;
	background:#333;
	color:#FFF;
	padding:5px;
	margin:5px;
	font:normal 11px courier;
	border:1px groove #FFF;
}

div#article span {
	float:right;
	padding:10px;
	padding-left:20px;
	padding-bottom:20px;
	width:200px;
	height:200px;
	background:#FFF;
	font:normal 10px Courier;
	color:#AAA;
}

div#article img {
	/*border:1px groove #FFF;*/
}

div#article2 {
	text-align:left;
	min-height:260px;
}

div#article2 span {
	float:left;
	padding:10px;
	padding-right:20px;
	padding-bottom:20px;
	width:200px;
	height:200px;
	background:#FFF;
	font:normal 10px Courier;
	color:#AAA;
}

div#article2 img {
	/*border:1px groove #FFF;*/
}

#footer_text{
	text-align:center;
}


<!--[if IE]>
 <style type="text/css">
 html pre
{
	width: 636px ;
}
</style>
<![endif]-->