body {
	margin: 0px;
	padding: 0px;
	/*attention, dans IE, le body fait toute la hauteur du doc, alors que dans Mozilla, sa hauteur dŽpend du contenu..*/;
	background: #FFF7CF repeat url("images/fd_page.gif");
	font-family : Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #454039;
}

#space-top {
	position: relative;/*la position dŽpend du body*/
  height: 20px;
}

body > #space-top {
	position: absolute;
  height: 0px;
}

#space-top h1 {/* Pour que le titre existe rŽellement dans le code, mais soit masquŽ*/
	display : none;
}

#bloc-top{
	position: relative;/*la position dŽpend du body*/
	background : transparent url("images/bd_large_top.gif") no-repeat;
	left: 50%;
	margin-left: -391px;
	width: 782px;
  height: 4px;
}
#bloc-top h1 {/* Pour que le titre existe rŽellement dans le code, mais soit masquŽ*/
	display : none;
}
body > #bloc-top {
	position : absolute;
	top : 20px;/*comme la position est absolue, il faut indiquer � Mozilla ou commencer*/
  height: 4px;
}

#bloc-bottom{
	position: relative;/*la position dŽpend du body*/
	background : transparent url("images/bd_large_bottom.gif") no-repeat;
	position: relative;/*la position dŽpend du body*/
	left: 50%;
	margin-left: -391px;
	width: 782px;
}

body > #bloc-bottom {
	position : absolute;
	bottom : 16px;/*comme la position est absolue, il faut indiquer � Mozilla ou commencer*/
  height: 4px;
}

#bloc {
	position: relative;/*la position dŽpend du body*/
	left: 50%;
	margin-left: -391px;
	width: 782px;
	height: 100%;/*pour atteindre le bas avec IE*/
	padding :112px 4px 25px 4px; /* gre la zone d'affichage du contenu*/
	background : transparent url("images/bd_large.gif") repeat-y;
	z-index: 1;
	overflow: hidden;
}

body > #bloc { /* IE ne reconnait pas cette syntaxe. Cela permet  de passer ces paramtres uniquement pour les autres navigateurs. (Safari ?)*/
	position : absolute;
	top : 24px;/*comme la position est absolue, il faut indiquer � Mozilla ou commencer*/
	bottom : 20px;/* pour atteindre le bas avec Mozilla*/
	height :auto;/* remet la hauteur comme il faut*/
	padding: 0;
}

#titre {
	position: absolute;
	top: 0px;
	left: 4px;
	width: 774px;
	height: 75px;
	z-index: 2;
	background: transparent url("images/logo.jpg") no-repeat;
}

#titre h1 {/* Pour que le titre existe rŽellement dans le code, mais soit masquŽ*/
	display : none;
}

#navigation {
	position: absolute;
	left: 4px;
	top: 75px;
	width: 774px;
	height: 27px;
	overflow: hidden;
	z-index: 1;
	text-align: center;
  background: transparent url("images/links.gif") repeat-x;
}

#navigation a {
	font-weight: bold;
	font-size:12px;
	color: #E5D04D;
	text-decoration: none;
	vertical-align: 3px;
}

#navigation img {
	vertical-align: -6px;
	margin-right: 5px;
	margin-left: 1px;
}

#bloc #content {
 	text-align: center;
}

body > #bloc #content {
	overflow: auto;
	right: 4px;
}

#bloc #content h1 {
	font-size: 30px;
	font-weight: bold;
	color: #E5D04D;
	margin-top: 25px;
	margin-bottom: 25px;
	font-variant: small-caps;
	border-top: 1px dashed #E5D04D;
	border-bottom: 1px dashed #E5D04D;
	width: 553px;
	position: relative;
}

body > #bloc #content h1 {
	position: relative;/*la position dŽpend du body*/
	left: 50%;
	margin-left: -276px;
}

#content h2 {
	margin-top: 25px;
	font-variant: small-caps;
	border-top: 1px dashed #E5D04D;
	width: 553px;
	position: relative;
}

body > #bloc #content h2 {
	position: relative;/*la position dŽpend du body*/
	left: 50%;
	margin-left: -276px;
}

body > #bloc #content {
	position: absolute;
	left: 10px;
	top: 100px;
  bottom: 25px;
	width: auto;
}