@font-face {
	font-family: Museo;
	src: url('museo300.otf');
}

@font-face {
	font-family: Museo;
	font-weight: bold;
	src: url('museo700.otf');
}

/* Général */

html {
	background: #30363f;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-height:100%;
}

body {
	color: #362725;
	background: #30363f;
	margin:0;
	padding:0;
	font-family: helvetica,arial,sans-serif;
	width:100%;
	height:100%;
	min-height:100%;
}


/******** Partie Graphisme ***********/

#graphisme{
	float:right;
	width:100%;
	background:#30363f url(images/fond-portrait.png) no-repeat bottom left;
	display:block;
	height:100%;
	min-height:100%;
}

#contenu{
	position: absolute;
	bottom:150px;
	padding-left:80px;
}


#contenu a {
	color:#c9ab87;
	font-family:"Museo", Georgia, serif;
	font-weight:bold;
	text-decoration:none;
}

#contenu a:hover{
	text-decoration:underline;
}

#contenu a .petit{
	font-weight:normal;
	font-size:0.8em;
}

#contenu ul {
	padding-bottom:25px;
	background: transparent url(images/fond-ul.png) no-repeat 12px top;
}

#contenu ul li{
	list-style-type:none;
}

#mail{
	padding-left:40px;
	background: transparent url(images/fond-lien.png) no-repeat 10px 5px;
}