html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.spacer {
	display:block;
	clear:both;
	/*visibility:hidden;*/
	height:0px;
	line-height:0px;
	border:none;
	overflow:hidden;
}

/* -------------------------------------------------------- */
html, body {
	height:100%;
}

body {
	background-color:#222;
}

#calligraphie {
	position:relative;
	width:890px;
	margin:10px auto 0 auto;
	background-color:#000;
	border-left:1px solid #333;
	border-right:1px solid #333;
	padding:20px 70px 0 25px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#fond {
	background-image: url(../images/fond-intro.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:440px;

	position:absolute;
	top:0;
	right:66px;
}

#shinta {
	float:left;
	margin-right:8px;
	position:relative;
	width:61px;
	height:549px;
	top:-19px;
	overflow:hidden;
}
#shinta img {
	position:absolute;
	top:0;
	left:0;
}

#zenker {
	float:left;
	position:relative;
	margin-right:8px;
}

#menu {
	position:relative;
	float:left;
	width:400px;
	color:#EDE2C2;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	height:530px;
}

#menu a {
	color:#EDE2C2;
	text-decoration:none;
}
#menu a:hover {
	color:#1A68C5;
	/*text-decoration:underline;*/
}


#menu ul {
	margin:0 0 20px 20px;
	width:340px;
}

#menu ul li {
	font-weight:bold;
}
#menu li {
	font-size:14px;
	margin:0 0 15px 0;
}
#menu ul li ul {
	margin-top:0px;
	margin-bottom:0px;
}

#menu ul li ul li {
	margin:10px 0 10px 0px;
	font-weight:normal;
}
#menu ul li.icone {
	display:inline;
	margin:0 20px 0 0;
}
#informations {
	position:absolute;
	bottom:0;
	left:20px;
	width:380px;
}

#informations h1 {
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px 0;
}

#informations p {
	font-size:14px;
	margin:5px 0 0 0;
}