/* CSS Document */

body
{
	background:#000;
	margin: 0;
	padding: 0;
	text-align: center;
	color:#000;
}
body img
{
	border:none;
}
body p
{
	overflow:auto; /* pour éviter le chevauchement de blocks <p> quand une image qui y est insérée. Fout des ascenseurs partout dans Moz 1.7 */
	width:100%; /* nécessaire pour le même résultat sous IE6 */
}

div#site /* #conteneur + #banniere */
{
    width: 970px; /* nécessaire avec banniere, 790px sans et 970px avec bannière 180 */
	margin: 0 auto;
	background:none;
}
div#conteneur /* #header + #central + #footer */
{
	width: 786px;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	text-align: left;
	background: #000;
	border: none;
  	float: left; /* nécessaire avec le div banniére */
}
div#header
{
	width:inherit;
	height:69px;
	margin:0;
	padding:0;
	background-color:#c00;
	border-bottom:#ffd026 2px solid;
}
div#central
{
	width:764px; /* = (width #conteneur) - borders - paddings */
	overflow:auto;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	background:#000 url(../../images/fd-central.jpg) repeat-x top;
	border-right:#222 1px solid;
	border-left:#222 1px solid;
}
div#footer
{
	width:784px;
	margin-top:0px; margin-bottom:10px; margin-left:auto; margin-right:auto;
	padding:0; padding-top:30px; padding-bottom:12px;
	text-align: center ;
	background:#000 url(../../images/fd-footer.jpg) repeat-x bottom;
	font-family: "trebuchet ms", "Microsoft sans serif", arial, sans-serif;
	font-size:12px;
	color:#bbb;
	border:#222 1px solid;
	border-top:none;
	float:left;  /*nécessaire avec le div banniére */
}
div#banniere
{
	width: 180px ;  /* 180px pour la bannière verticale 160x600 (code situé dans header.tpl.xhtml) */
	margin: 0 auto ;
	text-align: left ;
	float: right;
	background: #000;
}