/* johann */

.page {
	background: #000000;
	font-family: 'Open Sans Condensed', verdana, sans-serif;
	font-size: 1em;
	color: #aaaaaa;
	}

.site {
	width: 700px;
	margin: 100px auto;
	padding: 0.5em;
	line-height: 2.3em;	
	}
	
.titre {
	display: inline;
	font-weight: normal;
	}

ul {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 700px;
	}

li {
	list-style-type: none;
	display: inline;
	padding: 1em 0.5em;
	cursor:default;
	}

li:first-child {
	padding-left: 6em;
	}

a:hover {
	color: white;
	}

ul ul, ul ul ul, ul ul ul ul {
	display: none;
	}

li:hover ul.m2,
li li:hover ul.m3,
li li:hover ul.m32,
li li li:hover ul.m4,
li li li:hover ul.m42 {display: block;}

ul.m4,
ul.m32 {
	padding: 1em 0 3em 6em;
	line-height: 1.5em;
	}
li.m32 {
	padding: 0 1em 1em 0;
	}
ul.m42 img {
	position: fixed;
	bottom: 1em;
	right: 1em;
	}