html {height: 100%;}
body {height: 100%; padding: 0;}
.wai,
#page .wai,
#page .content .wai {position: absolute; left: -9999px; top: -9999px;}
div {margin-bottom: 0;}

button {border: none; background: none; cursor: pointer; text-align: left; text-indent: -9999px;}

/* 
------- */
#page {width: 967px; margin: 0 auto; position: relative; padding: 0 20px;}

#header {height: 151px; background: url('i/bg/bien-chez-moi.png') 0 0 no-repeat;}
#header h1 {overflow: hidden; width: 910px; height: 137px; position: absolute; top: 0; left: 20px;}
#header h1 a,
#header h1 span,
#header h1 button {text-indent: -9999px; display: block; width: 100%; height: 100%; /*cursor: help;*/}
#header h1 button:focus {outline: none; border: none;}
#header h1 button::-moz-focus-inner {border: 0;}

#navigation {text-align: right; padding: 0 0 1em 0; border-bottom: dashed 1px #57575a; margin: 0 0 1.9em 0;}
#navigation li {display: inline; position: relative;}
#navigation li a {display: inline-block;}
#navigation li .sub {position: absolute; background: #fff; padding: 1em 0.25em 0.25em 0.25em; right: -2em; font-size: 0.786em; text-align: left; /*width: 280px;*/ display: none; z-index: 999;}
#navigation li:hover .sub {display: block;}
#navigation li .sub ul {float: none;}
#navigation li .sub li {display: block; text-align: left;}
#navigation li .sub li a {display: block; padding: 1px 1em; color: #57575a; font-weight: normal; white-space: nowrap;}
#navigation li .sub li a:hover {color: #0f0;}
#navigation > ul > li:before {content: ' /// ';}
#navigation > ul > li:first-child:before {content: ''; float: left;}
#navigation a {font-weight: bold;}
#navigation a:hover,
#navigation strong a {color: #0f0;}

#navigation .temporaryLight a {color: #0f0;}
#navigation strong.temporaryDark a {color: #57575A;}

#toHome {float: left;}
#navigation ul {float: right;}

/* 
------- */
#content {}

.content a:hover {color: #0f0;}

.standout {color: #0f0;}

.indent {padding: 0 0 0 40px;}

.separator {display: block; height: 1em; background: url('i/bg/separator-backed.gif') 0 50% repeat-x; margin-bottom: 1.417em;}

.backUp {text-align: right; display: block;}
.backUp a {text-decoration: none;}
.backUp a:hover {text-decoration: underline;}

/* 
------- */
.partner {padding: 0 0 3em 127px;}
.partner .illustration {width: 127px; margin-left: -127px; position: relative; float: left;}
.partner .illustration img {padding: 3px 4px 19px 4px; background: #0f0;}

.partner a[rel=mail] {text-decoration: none;}

/* 
------- */
#shared {position: absolute; left: -9999px; top: -9999px;}

#asterisk {position: absolute; right: 15px; top: 14px; width: 56px; height: 68px; background: url('i/bg/star.gif') 9px 12px no-repeat; display: block; overflow: hidden; text-indent: -9999px;}
/*#asterisk:focus {outline: none;}
#asterisk:hover {background-position: 9px -288px;}*/

.bcm {width: 568px; padding: 20px; color: #fff; background: #434343; position: absolute; top: -9999px; left: -9999px;}
.bcm a {color: #0f0;}

.explanation {color: #000;}
.explanation h2 span,
.explanation p span {background: #c9c9c9;}
.explanation .intro h2 span,
.explanation .intro p span {background: #a8a9ad;}
.explanation .out p span {background: #e5e5e5;}

.explanation a {background: #0f0; text-decoration: none; color: #000;}
.explanation a:hover {color: #333;}

#explanationHolder {position: absolute; top: -9999px; left: -9999px; background: #fff; width: 968px;}

/* 
------- */
.content .realisations h3 {font-weight: bold; margin: 0 0 0.25em 0;}
.content .realisations .desc {margin-bottom: 1em; border-bottom: dotted 1px #ccc; padding: 0 0 1em 1em;}
.realisations .desc:last-child {border: none;}
.content .realisations * {margin-bottom: 0;}
.realisations a {text-decoration: none;}
.realisations a:hover {text-decoration: underline;}
.realisations .more a {color: #999;}
.illustrations .illustration {margin-bottom: 1px;}
.illustrations .illustration img {display: block;}

/* 
------- */
#temp {
	position: absolute; left: 50%; top: 300px;
	margin-left: -286px;
	border: solid 16px #000;
	width: 500px;
	padding: 15px 20px 1px 20px;
	color: #000;
	background: #fff;
	font-size: 1.1em;
}
#temp h2 {
	font-size: 1.666em; line-height: 1.4;
}
#temp a {
	color: #000;
}

/* 
------- */
#footer {border-top: dashed 1px #57575a; padding: 1em 0 0.4em 0; margin: 1.15em 0 0 0;}
#footer address {float: left; font-style: normal;}
#footer .copyright {float: right;}
#footer a:hover {text-decoration: underline;}

/* 
------- */
.partner:after,
#footer:after,
#navigation:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}