/* css reset */
html, body {
	height: 100%;
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, textarea, 
p, blockquote, table, th, td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img { 
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a, object {
	outline: none;
}
/* ends css reset */

body {
	background: url(/img/BG.jpg) no-repeat top center;
	text-align: center;
	font: normal 12px Arial, Verdana, Tahoma;
}
.refT {
	position: absolute;
	left: -10000px;
}
#conteneur {
	width: 960px;
	margin: 28px auto 0 auto;
	text-align: left;
	position: relative;
}

/* -- menu central -- */
#MenuHome {
	width:960px;
	height:90px;
	background-color:white;
}
#MenuHome ul {
	width:760px;
	padding:30px 0 0 200px;
}
#MenuHome ul li {
	display: block;
	float: left;
	height: 30px;
	background:url(/img/BoutonRouge.jpg) no-repeat top left;
}
#MenuHome a {
	display: block;
	margin: 2px 20px 0 35px;
	background-position: left top;
	background-repeat: no-repeat;
}
#MenuHome a:hover { background-position: left bottom; }
#QSN {
	background-image: url(/img/QuiSommesNous.jpg);
	height: 30px;
	width: 225px;
}
#NosAC {
	background-image: url(/img/NosActivites.jpg);
	height: 30px;
	width: 145px;
}
#NosImpl {
	background-image: url(/img/NosImplantations.jpg);
	height: 30px;
	width: 210px;
}
/* -- ends menu central -- */

/* -- menu boutons -- */
#BoutonsHome {
	padding-top:10px;
	width: 960px;
	height: 123px;
	background: #d1d1d2 url(/img/Ombre.png) no-repeat center top;
}
#BoutonsHome ul {
	width: 900px;
	margin: 0 auto;
}
#BoutonsHome ul li {
	width: 300px; 
	height: 120px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
}
#BoutonsHome a {
	display: block;
	float: left;
	width: 300px;
	height: 120px;
	background-position: center top;
	background-repeat: no-repeat;
}
#BoutonsHome a:hover { background-position: center bottom; }

.BtnVideo { background-image: url(/img/Btn-Video.png); }
.BtnAsphalte { background-image: url(/img/Btn-Asphalte.png); }
.BtnNousRejoindre { background-image: url(/img/Btn-NousRejoindre.png); }

/* -- menu pied de page -- */
#PiedDePageHome {
	width: 960px;
	height: 42px;
	background: url(/img/PiedDePage.jpg) no-repeat center top;
}
#PiedDePageHome ul {
	padding: 6px 0 0 20px;
}
#PiedDePageHome ul li {
	display: block;
	height: 30px;
	background: url(/img/BoutonGris.png) no-repeat left top;
	padding: 0 0 0 35px;
	float: left;
}
#PiedDePageHome ul li:hover {
	background: url(/img/BoutonGris.png) no-repeat left bottom;
	color: #bf0001;
}
#PiedDePageHome a {
	display: block;
	height: 30px;
	background-position: left top;
	background-repeat: no-repeat;
}
#PiedDePageHome a:hover {
	background-position: left bottom;
}
#LiensPartenaires { background-image: url(/img/LiensPartenaires.png); 	width: 120px;}
#Contact { background-image: url(/img/Contact.png);	width: 65px;}
#MentionsLegales { background-image: url(/img/MentionsLegales.png); 	width: 120px;}

/* -- logo par-dessus l'anim d'images -- */
#RustineIntercalaire{
	position: absolute;
	width: 941px;
	height: 60px;
	padding: 31px 0 0 19px;
	z-index: 3;
	top: 270px;
	background: url(/img/RustineIntercalaireHome.png) no-repeat left top;
}

/* -- anim des images dans le bandeau -- */
#ConteneurPhotosHome {
	position: relative;
	width: 960px;
	height: 347px;
}
#AnimPhotos{
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 347px;
	background: #333;
}
#AnimPhotos img {
	position: absolute;
	top: 0;
	left: 0;
}
#vignCarrouWrapper {
	position: absolute;
	top: 261px;
	left: 260px;
	z-index: 60;
	width: 693px;
	height: 66px;
	overflow: hidden;
}
#vignCarrouWrapper a {
	display: block;
	float: left;
	width: 56px;
	height: 56px;
	padding: 5px;
	background: url(/img/homeAnim/backgroundVignette.png) no-repeat left top;
	margin: 0 11px 0 0;
}
#vignCarrouWrapper a:hover,
#vignCarrouWrapper a.selectVign {
	background: url(/img/homeAnim/backgroundVignette.png) no-repeat left bottom;
}
#vignCarrou {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 61;
}
#animButts {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	height: 198px;
	width: 907px;
	padding: 149px 25px 0 28px;
	background: url(/img/transp.gif); /*pour que cette burne de ie "voit" le fond...*/
}
#CarrouPrev { float: left; display:block; width:62px; height:34px; background:url(/img/homeAnim/goLeft.png) top left no-repeat;}
#CarrouNext { float: right; display:block; width:62px; height:34px; background:url(/img/homeAnim/goRight.png) top left no-repeat;}
/* -- ends anim des images de la home -- */