@import "content.css";

/*
 * Author: Olivier Amblet
 * Society: Liquid Concept
 * Client: Fems.ch
 *
 * Description: 2 Column tableless layout
 */
 
 
 
/**********
 * Layout *
 **********/

/* remove hr tag */
hr.noDisplay {
	display: none;
}

/* remove margin from body */
body {
	margin: 0;
	padding: 0;
	background-color: #FFEFE3;
}

/* & from div */
div {
	margin: 0;
	padding: 0;
}

#page {
	width: 822px;
        background: url("bg-top.gif") repeat-x;
}

#logo {
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-size: 10px;
	background: url("bg-logo.gif") no-repeat;
}

#logo a {
	display: block;
	width: 222px;
	margin: 0;
	padding: 136px 0 0 0;
	overflow: hidden;
	background-image: url("bg-top.gif") repeat-x;
	background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
	height /**/:136px; /* for IE5.5's bad box model */
}

/* map the left column */

#section { 
	width: 222px;
	margin: 0;
	padding: 0;
	background-image: url("bg-left.gif");
	background-repeat: repeat-y;
}

#section div.menu {
	padding: 7px 0 0 2px;
}

#section div.sousmenu {
	margin: 0px 0 0 2px;
}

#section img {
	border: 0;
}

#main {
	position: absolute;
	top: 136px;
	left: 222px;
	margin: 0 0 0 2px;
	padding: 0;
}

#decoA {
	background-image: url("bg-right.gif");
	background-position: 100% 0%;
	background-repeat: no-repeat;
	height: 136px;
}

#lang {
	background-image: url("bg-bottom.gif");
	background-repeat: no-repeat;
	width: 222px;
        height: 50px;
        margin: 0;
        padding:0;
}

#citation {
	position: absolute;
	display: block;

	background-image: url("bg-right.gif");
	background-repeat: no-repeat;
        background-position: 100% 0%;
	height: 136px;
	top: 0;

        color : #FFCD64;
        font-size : .8em;

        margin: 0 0 0 222px;
        padding: 20px 88px 0 0;
        text-align: right;
        font-style: italic;
	width: 552px !important;
	width /**/: 640px;
}