/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
	background-image: url(img/orange.gif);
}


#container {
	width: 1088px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-repeat: no-repeat;
	height: 900px;
	top: 0px;
}

#fond{
	width: 1088px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-repeat: no-repeat;
	height: 688px;
	top: 93px;
	background-image: url(img/fond.jpg);
}

#nom {
	width: 438px;
	left : 522px;
	position: absolute;
	height: 30px;
	top: 720px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

#nom2 {
	width: 507px;
	left :328px;
	position: absolute;
	height: 30px;
	top: 719px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

#logo {
	width: 211px;
	left : 765px;
	position: absolute;
	height: 92px;
	top: 8px;
	background-image: url(img/logo.gif);
}

#accroche {
	width: 460px;
	left : 125px;
	position: absolute;
	height: 51px;
	top: 50px;
	background-image: url(img/accroche.gif);
}




#btaccueil{
	width: 126px;
	height: 45px;
	position: absolute;
	top: 150px;
	left : 32px;
	
}


#btconcept{
	width: 126px;
	height: 45px;
	position: absolute;
	top: 203px;
	left : 32px;
	
}

#btsimulation{
	width: 126px;
	height: 45px;
	position: absolute;
	top: 256px;
	left : 32px;
	
}


#btprestation{
	width: 126px;
	height: 45px;
	position: absolute;
	top: 308px;
	left : 32px;
	
}

#btparticulier{
	width: 126px;
	height: 45px;
	position: absolute;
	top: 310px;
	left : 32px;
	
}

#btprofessionnel{
	width: 126px;
	height: 45px;
	position: absolute;
	top: 364px;
	left : 32px;
	
}

#bttarif{
	width: 126px;
	height: 45px;
	position: absolute;
	top: 418px;
	left : 32px;
	
}

#btcontact{
	width: 126px;
	height: 45px;
	position: absolute;
	top: 475px;
	left : 32px;
	
}


#addition{
	width: 623px;
	height: 274px;
	position: absolute;
	top: 150px;
	left : 230px;
	background-image: url(img/adition.jpg);
}

#addition2{
	width: 702px;
	height: 406px;
	position: absolute;
	top: 140px;
	left : 195px;
	background-image: url(img/adition2.jpg);
}
#addition3{
	width:800px;
	height: 650px;
	position: absolute;
	top: 80px;
	left : 180px;
	
}
#text{
	width: 430px;
	height: 174px;
	position: absolute;
	top: 490px;
	left : 330px;
	background-image: url(img/123.gif);
}

#titre{
	width: 630px;
	height: 20px;
	position: absolute;
	top: 480px;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	word-spacing: 40px;
}

#titre2{
	width: 700px;
	height: 20px;
	position: absolute;
	top: 660px;
	left: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	
}

#titre3{
	width: 700px;
	height: 20px;
	position: absolute;
	top: 190px;
	left: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
}

#book{
	width: 694px;
	height: 439px;
	position: absolute;
	top: 220px;
	left : 200px;
	background-image: url(img/book1.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#book2{
	width: 325px;
	height: 400px;
	position: absolute;
	top: 99px;
	left : 0px;
	background-image: url(img/imgbookgauche.jpg);
	background-repeat: no-repeat;
	
}




#fretour{
	width: 90px;
	height:52px;
	position: absolute;
	top: 124px;
	left : 150px;
		
}

#falle{
	width: 90px;
	height:52px;
	position: absolute;
	top: 124px;
	left :850px;
	
}

#tfleche{
	width: 180px;
	height:15px;
	position: absolute;
	top: 130px;
	left :690px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;	
}

#imgparti{
	width: 135px;
	height: 324px;
	position: absolute;
	top: 392px;
	right: 795px;
	background-image: url(img/lampe1partic.jpg);	
}

#imgparti2{
	width: 195px;
	height: 265px;
	position: absolute;
	top: 124px;
	left: 300px;
	background-image: url(img/lampe2partic.jpg);
}

#imgparti3{
	width: 170px;
	height: 612px;
	position: absolute;
	top:126px;
	right:144px;
	background-image: url(img/lampe3partic.jpg);
}

#imgtotem{
	width: 111px;
	height: 600px;
	position: absolute;
	top: 133px;
	right: 140px;
	background-image: url(img/totem.jpg);
}

#vinci{
	width: 165px;
	height: 514px;
	position: absolute;
	top: 203px;
	left: 150px;
	background-image: url(img/vinci.jpg);
}

#suspvin{
	width: 169px;
	height: 221px;
	position: absolute;
	top: 123px;
	left: 385px;
	background-image: url(img/suspvin.jpg);
}

#texteparticulier{
	width: 500px;
	height: 70px;
	position: absolute;
	top: 390px;
	left: 280px;
	
}

#textentreprise{
	width: 400px;
	height: 250px;
	position: absolute;
	top: 380px;
	left: 315px;
	

}

#ra{
	width: 300px;
	height: 40px;
	position: absolute;
	top: 640px;
	left: 550px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#tvinci{
	width: 180px;
	height: 40px;
	position: absolute;
	top: 665px;
	left: 275px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#tablo{
	width: 700px;
	height: 250px;
	position: absolute;
	top: 300px;
	left:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#textprix{
	width: 700px;
	height: 80px;
	position: absolute;
	top: 180px;
	left:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#picto{
	width: 653px;
	height: 231px;
	position: absolute;
	top: 135px;
	left:213px;
	background-image: url(img/picto.jpg);	
}

#tablopicto{
	width: 700px;
	height: 150px;
	position: absolute;
	top: 360px;
	left:195px;
		
}

#textconcept{
	width: 710px;
	height: 165px;
	position: absolute;
	top: 515px;
	left:195px;
		
}

#textcontact{
	position: absolute;
	height: 150px;
	width: 218px;
	top: 581px;
	right:150px;
	background-position: right;
	line-height: 17px;
	
}
#form{
	position: absolute;
	height: 443px;
	width: 569px;
	top: 135px;
	left:175px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}