body {
background-image: url(images/maquette.jpg);
background-repeat: no-repeat;
	width: 850px;
	height: 650px;
scrollbar-base-color:#FE99FF;
background-color: #FEF0FF;
		color: #333333; 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#logo{

	position: absolute;
	top:0px;
	left:0px;
}

#menu a:active,#menu a:visited,#menu a:link {
text-decoration: none;
color: #00AE4F;
font-size: 23px;
font-style: normal;
}
#menu a:focus,#menu a:hover {
text-decoration: none;
color: #00AE4F;
font-size: 23px;
font-style: italic;
}

.acc{
position: absolute;
top: 225px;
left:177px;
}
.rea{
	position: absolute;
	top: 305px;
	left: 177px;
	font-size:20px;
}
.cont {
position: absolute;
top: 385px;
left:177px;
}
#contenu{
	font-size: 30px;
	color: #333333;
	position: absolute;
	top:220px;
	left: 350px;
	width: 500px;
	text-align: left;
}
#contenurea{
	font-size: 30px;
	color: #333333;
	position: absolute;
	top:180px;
	left: 330px;
	width: 500px;
	text-align: left;
}
#ens{
	position: absolute;
	top: 20px;
	left: 50px;
}
#Veh{
	position: absolute;
	top: 160px;
	left: 50px;
}
#sig{
	position: absolute;
	top: 290px;
	left: 50px;
}
.stt{
	font-size: 30px;
	font-weight: bold;
	color: #F352F8;
}

li {
	list-style-image: url(images/pt.jpg);
}
/*#fd {
	position: absolute;
	top: 160px;
	left: 10px;
	z-index: 20;
}*/
#contenucont{
	
	font-size: 16px;
	color: #333333;
	position: absolute;
	top:250px;
	left: 60px;
	width: 490px;
	text-align: left;
}
#contenu p:first-letter {
	font-size: 35px;
	color: #536C33;
}
#coor{
  text-align: left;
  line-height: 18px;
	position: absolute;
	top: 505px;
	left: 5px;
	font-size: 12px;
	color: #FCCDFB;
	font-weight: bold;
	z-index: 2;
}
#coor2{
  text-align: left;
  line-height: 18px;
	position: absolute;
	top: 506px;
	left: 7px;
	font-size: 12px;
	color: #6A0268;
	font-weight: bold;
	z-index: 1;
}
.button{
	background-color: #FD5DFD;
	color: white;
}
.footer{
	font-size: 9px;
	position: absolute;
	top: 635px;
	left: 290px;
}
.footer a{
	color: #333333;
}
/********gallery***/
#container {
position:absolute;
top: 60px;
left: 50px;
width:500px;
height:300px;
background-color: transparent;
}
#container2 {
position:absolute;
top: 235px;
left: 50px;
width:500px;
height:300px;
background-color: transparent;
}
#container3 {
position:absolute;
top: 365px;
left: 50px;
width:500px;
height:300px;
background-color: transparent;
}


#container a.gallery,#container a.gallery:visited {
display:inline;
color:#8C4D3E;
text-decoration:none;
border:1px solid #FF01FF;
width:50px;
height:50px;
float:left; 
margin:5px 10px 5px; 
position:relative;
cursor:default;
}
/*#container2 a.gallery, #container2 a.gallery:visited {
display:inline;
color:#8C4D3E;
text-decoration:none;
border:1px solid #FF01FF;
width:50px;
height:50px;
float:left; 
margin:-22px 10px 5px; 
position:relative;
cursor:default;
z-index: -10;
}*/
#container3 a.gallery, #container3 a.gallery:visited {
display:inline;
color:#8C4D3E;
text-decoration:none;
border:1px solid #FF01FF;
width:50px;
height:50px;
float:left; 
margin:-22px 10px 5px; 
position:relative;
cursor:default;
}
a.slidea {background-image: url(images/img1pt.jpg); }
a.slidea2{background-image: url(images/img2pt.jpg); }
a.slidea3{background-image: url(images/img3pt.jpg); }
a.slideb {background-image: url(images/img4pt.jpg); }
a.slideb2 {background-image: url(images/img8pt.jpg); }
a.slideb3 {background-image: url(images/img5pt.jpg); }
a.slidec {background-image: url(images/img6pt.jpg); }
a.slidec2 {background-image: url(images/img9pt.jpg); }
a.slided {background-image: url(images/img7pt.jpg); }
a.slidee {background-image: url(images/img5pt.jpg); }



a.gallery span {
visibility:hidden;
display:block; 
position:absolute;
width:480px; 
height:310px;
top:100px;
left:9px; 
color:#000; 
background-color: transparent;
text-align:center;
letter-spacing:1px;
cursor:default;
}
a.slidea span {left:-24px; top:55px;}
a.slidea2 span {left:-30px; top:-280px;}
a.slidea3 span {left:-30px; top:-330px;}
a.slideb span {left:-90px; top:60px;}
a.slideb2 span {left:-108px; top:-300px;}
a.slideb3 span {left:-120px; top:-250px;}
a.slidec span {left:-150px; top:55px;}
a.slidec2 span {left:-200px; top:-300px;}
a.slided span {left:-250px; top:60px;}
a.slidee span {left:-310px; top:90px;}

a.gallery:hover {white-space:normal; border:1px solid#D58A77; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

#container a.gallery:hover span img {
margin:1px;
position:relative;
z-index:100;
border: none;
}
/*#container2 a.gallery:hover span img {
margin:1px;
position:relative;
z-index:100;
border: none;
}*/
#container3 a.gallery:hover span img {
margin:1px;
position:relative; 
z-index:100;
border: none;
}
a.gallery:active, a.gallery:focus {
border:1px solid #c00; 
z-index:0;
}

a.gallery:active span, a.gallery:focus span {
visibility:visible;
 z-index:0;
 }

a.gallery:active span img, a.gallery:focus span img {
border:1px solid #000;
position:relative;
margin:10px;
z-index:800;}

/*#container2 a.gallery:active span img, #container2 a.gallery:focus span img {
border:1px solid #000;
position:relative;
margin:10px;
z-index:-10;}*/

.contact{
	background-image: url(images/maquettecont.jpg);
	width: 588px;
	height: 554px;
}