/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding:0;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {
	background: #462779 url(../images/charte/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	min-height:100%;
	width:990px;
	margin:0 auto;
}
/***************** HEADER *****************/
#header {
	float:left;
	position:relative;
	width:990px;
	height:200px;
}
#headerFlash {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:990px;
	height:200px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
#headerCoordonnees{
	position:absolute;
	top:0;
	right:0;
	z-index:20;
	width:289px;
	height:74px;
	padding:20px 40px 8px 124px;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background: url(../images/charte/bg-header-coordonnees.jpg) center top no-repeat;
}
#headerCoordonnees .adresse{
	color:#b6acc6;
}
/***************** CONTENU *****************/
#contenu {
	float:left;
	display:inline;
	width:575px;
	margin:0 0 20px 0;
}
#photo {
	float:left;
	display:inline;
	width:295px;
	margin:80px 40px 20px 40px;
}
#contenuHome {
	float:left;
	position:relative;
	display:inline;
	width:990px;
	height:690px;
	background: url(../images/charte/bg-home.jpg) center top no-repeat;
}
#contenuHomeRealisations {
	position:absolute;
	top:75px;
	right:616px;
	text-align:right;
	font:13px/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
}
#contenuHomeRealisations a{
	text-decoration:underline;
	color:#ffd200;
}
#contenuHomeRealisations a:hover{
	color:#fff;
}
#contenuHomeRealisations a.realisation{
	margin:0 0 0 7px;
}
#contenuHomeLeSalonTexte {
	position:absolute;
	top:75px;
	left:510px;
	width:210px;
	font:13px/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
}
#contenuHomeLeSalonTexte a{
	text-decoration:underline;
	color:#ffd200;
}
#contenuHomeLeSalonTexte a:hover{
	color:#fff;
}

#contenuHomeLeSalonPhoto {
	position:absolute;
	top:75px;
	left:734px;
}
#contenuHomeTexteAccueil {
	position:absolute;
	top:323px;
	left:39px;
	width:379px;
	font:13px Arial, Helvetica, sans-serif;
	color:#c9c5cc;
	text-align: justify;
}
#contenuHomeHoraires {
	position:absolute;
	top:600px;
	left:54px;
	width:350px;
	font:16px Arial, Helvetica, sans-serif;
	color:#59388c;
	text-align:center;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:110px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footerGeneral {
	position:relative;
	clear:both;
	width:100%;
	height:110px;
	margin:-110px auto 0;
	background: url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#footer {
	position:relative;
	clear:both;
	width:990px;
	height:100px;
	margin:0 auto;
}