* {
	margin: 0;
	padding: 0;
}

/*	Position the footer at the bottom of the window */
html, body {
	height: 100%;
	background: #ccc;
	color: #000;
	}
body {
	text-align: center; /* IE auto margins workaround */
    font-family: Arial, Helvetica, sans-serif;
}
body, body div, body p, body th, body td, body li, body dd {
    font-size: x-small;                 /* more specific to override imported rule */
    voice-family: "\"}\"";              /* false value for WinIE4/5 */
    voice-family: inherit;              /* trick WinIE4/5 into thinking rule is over */
    font-size: small;                   /* recover from trick -- intended value for better browsers */
	} 
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {
    font-size: small;                   /* be nice to Opera */
}

#wrap {
	position: relative; /* to keep the header inside */
	height: 100%; 
	width: 800px; /* you can change this, using %, em or px */
	margin: 0 auto; /* auto centers the div */
	text-align: left; /* after centering #wrap above we return to normal aligning */
}

#middle {
	position: relative;
	height: auto;
	min-height: 100%; /* for modern browsers, to push the footer down */
	border-right: 200px solid #999; /* width and background of right column */
	border-left: 160px solid #999; /* width and background of left column */
	margin-bottom: -3em; /* height of footer */
	width: 440px;
}

#middle:after { /* this will keep the floats contained, for modern browsers */
    content: "."; 
    display: block; 
    height: 0; 
    overflow: hidden; 
    clear: both; 
    visibility: hidden; 
} 

* html #wrap, * html #middle {
	height: 100%; /* for IE because it doesn't do min-height */
}


/*	Now we set the header, footer and columns... */

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 6em;
	width: 100%;
	overflow: hidden;
	z-index: 3; /* to show it on top */
	background: #DFE0D0;
	background-image: url(/_images/ferme_lonensis.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
#header h1, #header p {
    padding-left: 160px;
}

#switcher {
    float: right;
    width: 100px;
}
#switcher p {
    padding-left: 0px;
}

#footer {
	clear: both; /* just to make sure it comes below the columns */ 
	position: relative;
	width: 100%;
	height: 3em;
	background: #DFE0D0;
	}

#main, #xtra { /* so that the content will not overlap with the header or footer */
	padding-top: 6em;
	padding-bottom: 3em;
	}

#xtra a, #xtra a:link {
    color: #ffffff;
}
#xtra a:visited {
    color: #f9f9f9;
}
#xtra a:hover {
    color: #234561;
}

#main {
	position: relative; /* IE float bug workaround */
	float: left;
	width: 439px; /* width of #content +1 */
}

#content {
	position: relative;
	float: right;
	width: 438px; /* width of #middle -2 */
}

#nav {
	position: relative;
	float: left;
	width: 160px;
	margin-left: -160px; /* width -1 */
}

#xtra {
	position: relative;
	float: right;
	width: 200px;
	margin-right: -199px; /* width -1 */
}

#xtra p, #xtra li, #xtra li a, #xtra a {
    /*font-size: 85%;*/
    font-size: 11px;
}

* html #xtra { /* addressing some IE bugs */
	width: 199px; 
	margin-top: 1.7em;
}
* html #xtra, * html #nav, * html #content {
	overflow:hidden;
}

/* Some block elements that influence div sizes and positioning */

#footer p {
    font-family: georgia, serif;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	padding-top: 1em;
	margin-top: 0;      /* otherwise it pushes footer down */
}

#middle {
	background: #fff;
	/*border-color: #679;*/
	/*border-color: #96A0B4;*/
	border-color: #929DAF;
}