body {
	background-color: #FFFFFF;
	background-image: url(../images/fond_main.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}#global {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#logo-grand {
	margin: 100px auto 0px;
	padding: 0px;
	height: 129px;
	width: 300px;
	text-align: center;
	z-index: 1;
}
#content {
	margin: 30px auto auto;
	padding: 0px;
	width: 600px;
	z-index: 1;
}
.site {
	height: 180px;
	width: 180px;
	margin: 0px;
	padding: 10px;
	float: left;
	text-align: center;
	background-image: url(../images/fond_site.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	text-decoration: none;
	overflow: hidden;
}
.site:hover {
	background-image: url(../images/fond_site.png);
	background-position: right 0px;
}
.site  h1 {
	color: #666666;
	font-family: Impact;
	font-size: 20px;
	font-weight: normal;
	clear: left;
	float: left;
	width: 170px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 5px 0px 0px;
	line-height: 18px;
}
.site h2 {
	font-size: 12px;
	font-family: Impact;
	color: #8A4277;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	clear: both;
	float: left;
	height: 10px;
	width: 170px;
	text-align: right;
	font-weight: normal;
	line-height: 10px;
}

.site img {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 180px;
	clear: both;
	float: left;
}
.site p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	margin: 0px;
	padding: 10px;
	width: 160px;
	clear: both;
	float: left;
}
.site:hover p {
	color: #000000;
}


#loire-evenement {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 180px;
	cursor: Pointer;
}
#loire-evenement:hover {
	background-image: url(../images/fond-leo.jpg);
	background-repeat: no-repeat;
}

#salon-bio-respire {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 180px;
	cursor: Pointer;
}
#salon-bio-respire:hover {
	background-image: url(../images/fond-bio-respire.jpg);
	background-repeat: no-repeat;
}

#salon-immobilier {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 180px;
	cursor: Pointer;
}
#salon-immobilier:hover {
	background-image: url(../images/fond-salon-immobilier.jpg);
	background-repeat: no-repeat;
}

#salon-decoration-la-rochelle {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 180px;
	cursor: Pointer;
}
#salon-decoration-la-rochelle:hover {
	background-image: url(../images/fond-salon-deco-la-rochelle.jpg);
	background-repeat: no-repeat;
}
#salon-habitat {
}
#salon-habitat:hover {
	background-image: url(../images/fond_salon_habitat.png);
}

#bas {
	margin: 30px auto auto;
	padding: 0px;
	width: 400px;
	text-align: center;
	height: 100px;
	z-index: 1;
	clear: both;
}
#bas img {
	margin: auto;
	padding: 0px;
	clear: both;
	height: 20px;
	width: 60px;
}
#bas p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#bas a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8A4277;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}