/* INITIALISATION */

	* { margin: 0; padding: 0; }

	html{ height: 100%;	overflow:-moz-scrollbars-vertical; }

	img { border: 0px; margin: 0px; }

	form { margin: 0px; padding: 0px; }

	p {	margin-bottom:10px; }

	ul { margin-left: 10px; }

	body {
		height: 100%;
		margin: 0px;
		padding: 0px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica ;
		font-size: 11px;
		color: #969696;
		background-color: #C8C8C8;
		}

/* STRUCTURE GÉNÉRALE DE LA PAGE */
	#conteneur {
		position: relative;
		width: 1008px;
		margin: 0 auto; 
		background-color: #FFFFFF;
		background-image: url(../images/conteneur_bg.gif);
		background-repeat: y-repeat;
		}
	#header {
		height: 104px;
		background-image: url(../images/header_bg.gif);
		background-repeat: no-repeat;
		}
	#centre {
		height: 461px;
		margin-left: 358px;
		padding: 24px 45px 0px 20px;
		margin-right: 30px;
		background-image: url(../images/centre_bg.gif);
		background-repeat: no-repeat;
		}
	#gauche {
		position: absolute;
		height: 485px;
		left:19px;
		width: 341px;
		background-image: url(../images/gauche_bg.gif);
		}
	#footer {
		height: 40px;
		padding-left: 396px;
		background-image: url(../images/footer_bg.gif);
		}

	#rappel {
		position: absolute;
		right: 70px;
		top: 105px;
		}


/* HEADER */
	#logo {
		margin: 12px 28px 0px 46px;
		float: left;
		}
	#header li{
		display: block;
		float: left;
		list-style: none;
		text-decoration: none;
		color: #969696;
		}
	#header li a{
		display: block;
		float: left;
		height: 51px;
		font-size: 11px;
		list-style: none;
		padding: 45px 9px 0px 9px;
		line-height: 12px;
		text-decoration: none;
		background-image: url(../images/header_a.gif);
		background-repeat: no-repeat;
		font-weight: bold;
		text-decoration: none;
		color: #969696;
		}
	#header li a:hover{
		display: block;
		float: left;
		height: 51px;
		font-size: 11px;
		list-style: none;
		padding: 45px 9px 0px 9px;
		line-height: 12px;
		text-decoration: none;
		background-image: url(../images/header_a-over.gif);
		background-repeat: repeat-x;
		font-weight: bold;
		text-decoration: none;
		color: #283250;
		}
	#header .actif{
		display: block;
		float: left;
		height: 51px;
		font-size: 11px;
		list-style: none;
		padding: 45px 9px 0px 9px;
		line-height: 12px;
		text-decoration: none;
		background-image: url(../images/header_a-over.gif);
		background-repeat: repeat-x;
		font-weight: bold;
		text-decoration: none;
		color: #283250;
		}


/* GAUCHE */
	#gauchePhoto {
		float: right;
		margin: -8px 30px 0px 0px;
		}
	#gaucheTexte {
		text-align: right;
		font-size: 11px;
		line-height: 13px;
		color: #969696;
		position: absolute;
		bottom: 0px;
		right: 30px;
		}
	.gaucheTitre {
		text-transform: uppercase;
		font-size: 12px;
		color:#283250;
		font-weight: bold;
		display: block;
		margin-top: 20px;
		}


/* CENTRE */
	#photoBas {
		position: absolute;
		bottom: 40px;
		right: 74px;
		}
	#signature {
		position: absolute;
		top: 500px;
		left: 960px;
		}

/* FOOTER */

	#footer li{
		display: block;
		float: left;
		list-style: none;
		text-decoration: none;
		color: #969696;
		}
	#footer li a {
		float: left;
		height: 32px;
		padding: 0px 20px 0px 23px;
		background-image: url(../images/footer_a.gif);
		background-repeat: no-repeat;
		font-weight: bold;
		text-decoration: none;
		color: #969696;
		}
	#footer li a:hover {
		display: block;
		float: left;
		height: 32px;
		padding: 0px 20px 0px 23px;
		background-image: url(../images/footer_a-over.gif);
		background-repeat: repeat-x;
		font-weight: bold;
		text-decoration: none;
		color: #283250;
		}
	#footer .actif {
		display: block;
		float: left;
		height: 32px;
		padding: 0px 20px 0px 23px;
		background-image: url(../images/footer_a-over.gif);
		background-repeat: repeat-x;
		font-weight: bold;
		text-decoration: none;
		color: #283250;
		}