html {height: 100%;}
body {height: 100%; background: #000;}

#navigation > ul > li > strong > a,
#navigation > ul > li > a,
#contact,
#contact a {
	font-family: Times,'Times New Roman',Georgia,serif;
}

/* Page
---------------------- */
#page {font-size: 0.7em; margin: 0 auto; width: 925px; background: #fff; padding: 0 37px; position: relative; color: #111; min-height: 100%;}

h1 {width: 928px; height: 110px; background: url('i/logo.png') 0 0 no-repeat; overflow: hidden; margin: 0 -1px 0 -2px;}
h1 a {text-decoration: none; display: block; width: 100%; height: 100%; z-index: 2; text-indent: -9999px;}
h1 span {display: block; text-indent: -9999px;}

/* Wrapper
---------------------- */
#wrapper {padding: 0 0 3em; position: relative;}

/* Content
---------------------- */
#content {/*margin-left: -175px; border-left: solid 175px #fff; */float: right; width: 731px; background: #fff;}
.home #content {float: none; width: 100%;}
.block * {line-height: 1.4;}
.block p,
.block ul,
.block ol,
.block blockquote {margin-bottom: 1em;}

#navigation > ul > li > strong > a,
#navigation > ul > li > a {
	/*font-size: 1.2em; */font-weight: normal; text-transform: uppercase;
}


.illustration {margin: 2em 0;}
.border img {border: solid 1px #222;}
.centered {text-align: center; width: 100%; overflow: hidden;}
.centered img {display: inline;}
.legend {text-align: right; font-size: 0.95em; margin-bottom: 0;}
.legend * {margin-bottom: 0;}
.left {float: left; /*margin-right: 10px;*/}
.right {float: right; /*margin-left: 10px;*/}

#contact {text-align: right; margin: 0 0 0.5em;}
#contact a {text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 1.363636364em;}
#contact a:hover {background-color: #FFED00;}

/* Navigation
---------------------- */
#navigation {background-color: #fff; border: dashed #010000; border-width: 1px 0; padding: 0.3em 0; font-weight: normal; text-transform: uppercase; font-size: 1.363636364em; margin: 0 0 1.5em;}
#navigation li {display: inline; margin-right: 22px;}
#navigation a {text-decoration: none;}


/*#navigation.scripted strong {font-weight: normal; line-height: 1.7;}*/
#navigation em {font-weight: bold; font-style: normal;}

strong a:focus {outline: none;}

.point {cursor: pointer;}

#nav-friends a:hover,
.current #nav-friends a {background-color: #ffed00;}
#nav-philosophie a:hover,
.current #nav-philosophie a {background-color: #ffed00;}
#nav-graphisme a:hover,
.current #nav-graphisme a {background-color: #ffed00;}
#nav-photo a:hover,
.current #nav-photo a {background-color: #ffed00;}
#nav-archi a:hover,
.current #nav-archi a {background-color: #ffed00;}
.subnav {padding: 0 15px 0 0; /*margin-top: -0.25em;*/}

#subnavigation {
	width: 170px;
}
#subnavigation a {text-decoration: none;}

#subnavigation a:hover {background: #ffed00;}
#subnavigation .current {font-weight: bold;}


/* Footer
---------------------- */
#footer {position: absolute; padding: 6px 0 16px; border-top: dashed 1px #010000; font-size: 0.9em; bottom: 0; width: 925px;}
#footer address {
	font-style: normal;
	float: left;
}
#footer p {
	float: right;
}
#footer a {text-decoration: none;}
#footer a:hover {color: #666;}
.eof {position: absolute; right: 0; top: -1.5em; float: none; font-weight: bold; font-size: 1.2em;}
.eof a {text-decoration: none;}

.hover {background-color: #FFED00;}

#footer:after,
#wrapper:after,
.vcard:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}