/* Mettre ici les définitions des styles en rapport avec l'interface générale. */

#body-centre
{
	/* normes */
	position: relative;
	text-align: center;
	margin: 0px;

	/*background: #7B1B27 url("../images/interface/neige.jpg") repeat right top;*/
	background-color: #D8DAEB;
	color: white;		/* juste pour le body */
}

#colonne-largeur-fixe-centre
{
	/* normes */
	position: relative;
	text-align: left;

	/* centrer le bloc de 980px */
	width: 980px;
	margin-left: auto;
	margin-right: auto;

	background: url("../images/interface/fond-entete-2.jpg") no-repeat right 0px;
}

/* contient les 2 colonnes et le pied de page */
#principal
{
	width: 100%;
	min-height: 500px;

	position: relative;
	top: 105px; /*110px;*/
	left: 0px;

	/* illusion avec la bordure à 200px du bord gauche */
	background: white url("../images/interface/ligne-horizontale-bleue.png") repeat-y 0px 0px;	/*-40px 0px*/
	color: #444444;

	/* la division 'principal' doit être en dessous de 'entete' */
	/*z-index: 2;*/
	z-index: 1;
}

/* 'principal' avec une hauteur minimum */
* html body #principal	{ /*height: 500px;*/ }

/* Pour IE/mac */
* html body #principal
{
	height: 100%;
	overflow: hidden;
}

/* IE-mac ne voit pas les lignes qui suivent \*/
* html body #principal
{
	height: 0px;
	overflow: visible;
}
/* fin du text caché pour IE/mac */

#corps
{
	width: 774px;	/* environ 83.7% = 820px */	/*814*/
	min-height: 490px;
	/*padding: 0em 0px 1em 0px;*/
	/*padding: 1em 0px 1em 0px;*/
	padding: 2.5em 0px 1em 0px;

	float: right;	/* calé à droite */

	/*background: url("../images/interface/coin-bordeau-superieur-droit.gif") no-repeat right top;*/
	background: url("../images/interface/fond-entete-3.jpg") no-repeat right top;
}

/* 'corps' avec une hauteur minimum */
* html body #corps	{ height: 490px; }

#infos
{
	width: 200px;	/* environ 16.3% */
	min-height: 490px;
	padding: 8px 0px 1em 0px;

	float: left;	/* calé à gauche */

	/*background-color: #AAAAFF;*/
	/*background: url("../images/interface/coin-bordeau-superieur-gauche.gif") no-repeat left top;*/
	color: white;
}

/* 'colonne-infos' avec une hauteur minimum */
* html body #infos	{ height: 490px; }

.div-hauteur-min-debut
{
	height: 490px;
	width: 0px;

	float: left;
	position: relative;
}

.div-hauteur-min-fin
{
	/*clear: left;*/
	clear: both;
	position: relative;

	height: 0px;
	font-size: 0px;
	overflow: hidden;
}

#entete
{
	display: block;
	/*width: 100%;*/	/* ça déborde... */
	width: 980px;
	height: 100px;

	position: absolute;
	top: 5px;
	left: 0px;

	/*background: white url("../images/interface/ligne-noire.png") repeat-x 160px 72px;*/
	background: #004494 url("../images/interface/fond-entete-1.jpg") no-repeat left top;
	color: inherit;

	/* la division 'principal' doit être en dessous de 'entete' */
	/*z-index: 1;*/
	z-index: 2;
}

#pied
{
	display: block;
	width: 100%;
	float: left;
	min-height: 15px;

	/*background: black url("../images/interface/coin-bordeau-inferieur-gauche.gif") no-repeat left bottom;*/
	background-color: black;
	color: white;
}

* html body #pied	{ height: 15px; }



/* Test pour Safari */
div.spacer-safari		{ height: 110px; }