body {
	margin: 10px 0px 0px 70px;
	padding: 0px;
	background-color: #34354A;
	color: #DDDDDD;
}
td {
	vertical-align: top;
}
#index a {
display: block;
	border: 0px solid Orange;
	width: 230px;
	height: 43px;
	float: right;
	margin: 16px 35px auto auto;
	text-decoration: none;
}
#menu {
	width: 185px;
	padding: 0px 0px 0px 32px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.08em;
	font-weight: bold;
	line-height: 1.1em;
	z-index:1550; 
}
#menu ul {
	list-style: none;
	margin-top: 15px;
	
	}
#menu ul li {
	margin-bottom: 25px;
}	
#menu ul li a {
	color: #EAEAEA;
	font-weight: bold;
	text-decoration: none;
	}
#menu ul li a:hover {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
	}
#menu ul li a.a {
	margin-left: 44px;
	}
#menu ul li a.b {
	margin-left: -15px;
}
#menu ul li a.c {
	margin-left: -68px;
}
#menu ul li a.d {
	font-size: 18px;
	width:180px;
	display: block;
	text-align:right;
	margin-left: -70px;
	margin-top:-10px;
	}
#menu ul li a.e {
	margin-left: 65px;
	display: block;
	margin-top:-10px;
}
#menu ul li a.f {
	margin-left: -12px;
}
#infoCentre {
	text-align: center;
	font-weight: bold;
	color: White;
	line-height: 1.6em;
	padding: 25px 0px 0px 0px;
}
#infoCentre span.agrement1 {
	float: right;
	font-size: 0.8em;
}
#partner {
	width: 230px;
	float: left;
	padding-bottom: 10px;
	
}
#horaire {
float: left;
	padding: 14px 0px 14px 23px;
	text-align: center;
	border: 1px dashed #D3D3D3;
	color: #EAEAEA;
	width: 580px;
	
}
#horaire span {
	font-weight: bolder;
}
a img.over {
	 border: 1px solid #FFffff;
}
a:hover img.over {
	 border: 1px solid #FF6600;
}
a img.overb {
	 border: 1px solid #000000;
}
a:hover img.overb {
	 border: 1px solid #FF6600;
}
#prixetoile {
	display: block;
	float: left;
	font-size: 11px;
	font-style: italic;
}
/* Prestations */
span.titrePrestation1, span.titrePrestation2, span.titrePrestation3, span.titrePrestation4, span.titrePrestation5{
position:absolute;
font-size:1em;
font-weight:bold;
}

span.prestation1, span.prestation2, span.prestation3, span.prestation4, span.prestation5{
position:absolute;
font-size:0.9em;
}

span.titrePrestation1{
top:377px;
margin-left:9px;
}

span.prestation1{
top:405px;
margin-left:9px;
}

span.titrePrestation2{
top:495px;
margin-left:300px;
}

span.prestation2{
top:515px;
margin-left:300px;
}
.ap {
position: absolute;
	top:570px;
	margin-left: 170px;
	z-index: 600;
}
span.titrePrestation3{
top:176px;
margin-left:50px;
}

span.prestation3{
top:226px;
margin-left:50px;
}

span.titrePrestation4{
top:450px;
margin-left:600px;
}

span.prestation4{
top:470px;
margin-left:600px;
}

span.titrePrestation5{
top:620px;
margin-left:640px;
}

span.prestation5{
top:640px;
margin-left:640px;
}
img.ap5 {
position: absolute;
	top:600px;
	margin-left: 560px;
	z-index: 600;
}
span.photo1{
position:absolute;
top:200px;
margin-left:427px;
}

span.photo2{
position:absolute;
top:300px;
margin-left:370px;
}
span.photo3{
position:absolute;
top:195px;
margin-left:-150px;
}
span.photo4{
position:absolute;
top:310px;
margin-left:-150px;
}
span.photo5{
position:absolute;
top:425px;
margin-left:-130px;
}
span.photo6{
position:absolute;
top:310px;
margin-left:20px;
}
span.photo7{
position:absolute;
top:425px;
margin-left:10px;
}
span.photo8{
position:absolute;
top:425px;
margin-left:150px;
}

/*news */
#menu #news {
	text-decoration: none;
} 
#menu #news {
	position: absolute;
	float: left;
   top: 12px;
	left: 81px;
   text-align: left;
	font-size:1.1em;
	float: left;
	z-index: 12;
}
	
#menu #news a.news {
  color: White;
	font-weight: normal;
	text-decoration: none;
	width: 60px;
	clear: both;
	}
#menu #news a.news:hover {
  color: #ff69b4;
	text-decoration: none;
  background: none;
 
}
#menu #news a.news span.pophaut, a:link.news span.pophaut 
{display: block;
  position: absolute; 
  top:-52.5em;
  left:-30.5em; 
	background-image: none; 
	clear: both; }
#menu #news a:hover.news span.pophaut {
  display: block;
  position: absolute;
  float:left;
   top:1.8em;
  left:1em;
  z-index: 20;
  background: #4B4C6B;
  color: White;
  border: 1px solid #FF6600;
  width:600px;
  /*height:260px;*/
   min-height: 260px;
  text-align:center;
  font-weight:normal;
  font-size: 14px;
  line-height: 16px;
  padding: 10px 5px 0px 0px;
  vertical-align: top;
  text-decoration: none;
    }
  
  
#menu #news  .popup {
  	float:left;
	text-align:left; 
	font-size:14px; 
	padding:10px; 
	vertical-align:top;
	color: White;
	width:360px;
	min-height: 260px;
	text-decoration: none;
			}
		
		/*infos pneus*/
#pneusinfos {
position: relative;
	text-align: center;
	border: 1px dashed #FF6600;
	width: 190px;
	padding: 3px;
	z-index:1550;
}		
a.legendes, a.legendes:visited, a.indicescharges, a.indicescharges:visited, a.indicesvitesse, a.indicesvitesse:visited  {
color: #FEDBAB; 
position: relative;
text-decoration: none;
text-align: center;
font-size: 0.8em;
line-height: 1.7em;
padding: 1px;
z-index:1;
}

a.legendes b  {
position:absolute;
visibility:hidden; /* hide the image */
width:273px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */
left: 96px; /* position:the image */
top: -65px;
}
a.indicescharges b {
position:absolute;
visibility:hidden; /* hide the image */
width:500px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */
left: 124px; /* position:the image */
top: -88px;
}
a.indicesvitesse b  {
position:absolute;
visibility:hidden; /* hide the image */
width:377px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */
left: 123px; /* position:the image */
top: -110px;
}

a.legendes:hover, a.indicescharges:hover, a.indicesvitesse:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}

a.legendes:hover b, a.indicescharges:hover b, a.indicesvitesse:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.legendes:hover b img, a.indicescharges:hover b img, a.indicesvitesse:hover b img {
border:0; /* remove the link border */
}
#copy {
	font-size: 0.7em;
	text-align: center;
  margin-left:180px;
}
#copy  a {
	color: #EAEAEA;
}
#copy  a:hover {
	color: #FF6600;
}
/*--------- Lightbox -----------*/
#lightbox{
    background-color:#FFFFFF;
    padding: 3px;
    border-bottom: 1px solid #41580F;
    border-right: 1px solid #41580F;
	
}

#lightboxDetails{
    font-size: 0.9em;
    color: #41580F;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #FFFFFF;
    background-color: transparent;
    background-image: url(blank.gif);
	
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/