body,
html{
	margin:0;
	padding:0;
}
body {
	min-width:100%; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:146px;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
	background-image: url("header.jpg") ;
	height:146px;
	width:100%;
	position:absolute;
	margin:0 auto;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:146px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:0px;
	padding-bottom:22px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
	width:100%;
	margin:0 auto;
}
div#sidebar {
	width:180px;
	float:left;
}
div#content {
	padding:0 0px;
	margin-left:0px;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:22px;
}
body>div#footerwrap {
	position:fixed;
}
div#footer {
	height:22px;
	width:100%;
	margin:0 auto;
}

/* Styling rules to make this demo page look nice. */
body,
html{
	font-family:"Trebuchet MS", Georgia, Verdana, serif;
	color:#000;
	background:#fff;
}
div#header,
div#footer {
	color:#CC3300;
}
div#middle,
div#sidebar {
	background:#fff;
}
div#content {
	background:#fff;
}
h1,
h2 {
	padding:0;
	margin:0;
}
div#sidebar h2 {
	padding-left:5px;
}
div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}
div#footer p {
	margin:0;
	padding:0;
	text-align:center;
}
div#footer a {
	color:#fff;
}
h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}
h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:0.8em;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	font-size:0.8em;
	line-height:1.4em;
}
.adwrap,
.adwrap iframe {
	width:300px;
	height:250px;
}
.adwrap {
	float:left;
	margin:1em 10px 0 0;
}
.fondheader {
background: url('images/header.jpg') no-repeat;
background-position: left;
}
.fondfooter {
background: url("images/barrerougepieddepage.jpg");
  background-repeat: repeat-x;
  background-position: left;
}