* {
	margin: 0;
	padding: 0;
	outline: none;}

.group:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

a img, abbr {
	border: 0;}


/**
 * USER MESSAGES
 */
div.feedback-success,
div.feedback-failure,
div.feedback-warning,
div.feedback-message {
	padding: 9px;
	border-width: 1px 0 1px 0;
	border-style: solid;}

div.feedback-success p, div.feedback-success ul,
div.feedback-failure p, div.feedback-failure ul,
div.feedback-warning p, div.feedback-warning ul,
div.feedback-message p, div.feedback-message ul {
	color: #000;
	margin-bottom: 0;}

div.feedback-success {
	border-color: #0C0;
	background-color: #AFA;}

div.feedback-failure {
	border-color: #F00;
	background-color: #FAA;}

div.feedback-warning {
	border-color: #FF0;
	background-color: #FFA;}

div.feedback-message {
	border-color: #00C;
	background-color: #AAF;}

/* Global ###################################################### */
body {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #F0EADE; 
	}

#wrapper {
	position: relative;
	margin: 50px auto 20px auto;
	width: 960px; 
	}
	
#content {
	float: left; 
}

.page {
	width: 400px;
	line-height: 1.6em; 
}

/* Home ###################################################### */
body.has_js ul#menu {
	opacity: 0;
}

body#home.has_js {
	background: #342923;	
}

/* Logo ###################################################### */ 
body h1 {
	display: block;
	float: left;
	height: 372px;
	text-indent: -9999px;
	width: 0;
}

body#home.has_js h1 {
	background: url(/images/logo.gif);
	display: block;
	float: left;
	height: 372px;
	text-indent: -9999px;
	width: 51px;	
}

#langswitch {
	font: bold 11px Courier, monospace;
	color: #352a24;
	position: absolute;
	top: 0;
	right: 0;}

#langswitch:link, #langswitch:visited {
	text-decoration: none;}

#langswitch:link:hover, #langswitch:visited:hover {
	text-decoration: underline;}

/* Logo small */
#logo-small {
	float: left;
	clear: both;
	padding: 50px 0 50px 400px;
}

#logo-small img {
	width: 128px;
	height: 18px; /* trim-aped dimensions */ }

body.has_js #logo-small {
opacity: 0;
}

/* Menu ###################################################### */
ul#menu {
	float: left;
	list-style: none;
}

ul#menu li {
	float: left;
	margin-right: 20px;
	width: 20px;
}

ul#menu li a {
	background: url(/images/menu.png);
	display: block;
	height: 382px;
	text-indent: -9999px;
	width: 20px;
}

ul#menu li.wonderable a {
	background-position: -1px 0;	
}

ul#menu li.wonderable a:hover {
	background-position: -1px 762px;	
}

ul#menu li.wonderable a.active {
	background-position: -1px 382px;	
}

ul#menu li.contact a {
	background-position: 61px 0;	
}

ul#menu li.contact a:hover {
	background-position: 61px 762px;
}

ul#menu li.contact a.active {
	background-position: 61px 382px;
}

ul#menu li.catalogue a {	
	background-position: 123px 0;
}

ul#menu li.catalogue a:hover {
	background-position: 123px 762px;	
}

ul#menu li.catalogue a.active {
	background-position: 123px 382px;	
}

.en ul#menu li.catalogue a {	
	background-position: 226px 0;
}

.en ul#menu li.catalogue a:hover {
	background-position: 226px 762px;	
}

.en ul#menu li.catalogue a.active {
	background-position: 226px 382px;	
}

#content {
	margin-left: 40px;
	font-family: Courier, monospace;
	font-size: 11px;
	color: #352a24;
}
.page {
	width: 400px;
	line-height: 1.6em; }

body #content {
	padding-top: 65px; 
	}
#content img {
	margin-bottom: 20px; } 
#content p {
	margin-bottom: 18px;
}
#content strong {
	display: block;
}
#content a {
	color: #352a24;
}