/* CSS Document */

html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	background-color:#7F7179;
	font-family:"Arial", Helvetica, Times, serif;
	font-size:13px;
	letter-spacing:1px;
	color:#C1BDBF;
}

#container {
	position:relative;
	min-height:100%;
}

#content {
	position:relative;
	margin:auto;
	width:800px;
}

.header {
	position:relative;
	width:800px;
	margin:auto;
	height:120px;
}

#blank {
	margin-top:0;
	width:100%;
	height:70px;
}

#header_mariepierre{
	position:absolute;
	font-size:17px;
	letter-spacing:3px;
}

#header_mariepierre a {
	color:#C1BDBF;
	text-decoration:none;
}

#header_ceramiste {
	position:absolute;
	font-size:17px;
	letter-spacing:3px;
	margin:0 0 0 700px;
}

#header_intro {
	position:absolute;
	font-style:italic;
	font-size:12px;
	width:800px;
	text-align:right;
	margin:28px 0 0 0;
}

.hr_header {
	position:absolute;
	width:800px;
	margin:22px 0 0 0;
	color:#C1BDBF;
	background-color:#C1BDBF;
	height:1px;
	border:0;
}

#menu_trait_vertical {
	width:2px;
	height:240px;
	border-left:1px solid;
	color:#C1BDBF;
	margin:0 0 0 15px;
}

#menu {	
	float:left;
	width:150px;
	height:200px;
	font-size:14px;
	color:#C1BDBF;
	margin:-235px 0 0 -10px;
}

#menu i {
	color:#FFFDEA;
}

#menu li {
	list-style-type: none;
	margin:15px 0 15px 0;
}

#menu li a {
	text-decoration:none;
	color:#C1BDBF;
}

#menu li a:hover {
	color:#FFFDEA;
}

#footer {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
	padding:0 0 20px 0;
}

.hr_footer {
	position:relative;
	width:250px;
	background-color:#C1BDBF;
	color:#C1BDBF;
	height:1px;
	border:0;

}

#contact {
	font-size:12px;
}

#contact a{
	color:#F5BDA0;
	text-decoration:none;
}

#contact a:hover {
	letter-spacing:4px;
}