body {
	margin: 10px 0px 0px 70px;
	padding: 0px;
	background-color: #34354A;
	color: #DDDDDD;
}
input, form {
	z-index: 1;
}
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;
}
#prixetoile {
	display: block;
	float: left;
	font-size: 11px;
	font-style: italic;
}
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;
}
/* 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;
}

/* CATALOGUE : Affichage des Annonces */
#formSelectionAffichage {
	 text-align:center;
	 margin-top:30px;
	  margin-bottom:40px;
	  z-index: 2;
}
 h1 {
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin-bottom:5px;
	padding-bottom:5px
}
#formSelectionAffichage h3 {
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom:5px;
	padding-bottom:5px
}

#nparpage {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
p.selecteurCriteres {
	float: left;
	width: 290px;
	text-align:center;
	padding-top:3px;
	margin-top:3px;
	padding-bottom:3px;
	margin-bottom:3px;
}
p.selecteurNparPage {
float: left;
	width: 290px;
	text-align:center;
	font-size:1em;
	padding-top:3px;
	margin-top:3px;
	padding-bottom:5px;
	margin-bottom:5px;
}
#texteValiderCriteres {
	text-align:center;
	margin-top:1px;
	padding-top:1px;
	font-size:0.8em;
	font-style: italic;
	padding-bottom:1px;
	margin-bottom:1px;
}
a.pageCatalogue {
   color : #eaeaea;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
   font-weight: bold;
	text-decoration: none;
}
a.pageCatalogue:visited {
   color : #eaeaea;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
   font-weight: bold;
	text-decoration: none;
}
a.pageCatalogue:hover {
   color : #FF6600;
   font-weight: bold;
	text-decoration: none;
}
table.annonce {
   width:600px;
	margin:auto;
	margin-bottom:30px;
}
table.annonce col.colonne01 { width:450px; }
td.infosAnnonce table { width:450px;}
tr.titreAnnonce td {
	text-align:left;
	padding-left:5px;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-variant: small-caps;
} 
td.vignetteAnnonce {
	text-align: center;
	margin: auto;
}
td.vignetteAnnonce a {
   color : #eaeaea;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
   font-weight: bold;
   font-variant: small-caps;
	text-decoration: none;
	text-align: center;
}
td.vignetteAnnonce a:hover {
   color : #FF6600;
   font-weight: bold;
   font-variant: small-caps;
	text-decoration: underline;
}
td.infosAnnonce {
	vertical-align: middle;
	text-align: center;
}
td.introInfos {
   color : #eaeaea;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: justify;
	vertical-align: top;
	padding-bottom:8px;
	padding-left:5px;
}
tr.titresInfos td{
	text-align:center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
tr.valeursInfos td{
	text-align:center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* ANNONCE DETAILLEE */
div.detailAnnonce {
  width:600px;
  margin: auto auto auto 10px;
}
table.detailAnnonce {
   width:600px;
	margin:auto;
	margin-bottom:30px;
}
table.detailAnnonce col.colonne01 { width:600px; }
table.detailAnnonce col.colonne02 { width:300px; }
div.detailAnnonce h1{
	 text-align: center;
}
div.detailAnnonce h2{
	 text-align: center;
}

div.detailAnnonce p.prix {
	 text-align: right;
	 padding-right:50px;
	 padding-bottom: 20px;
	 font-size: 16px;
	 font-weight:bold;
}
div.detailAnnonce p.introduction {
	 text-align: justify;
	 padding-bottom: 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
}
div.detailAnnonce p.annee {
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 20px;
	 font-weight: bold;
	 color: #990099;
}
div.detailAnnonce p.nbheures {
	 text-align: center;
	 font-size: 14px;
	 padding-bottom: 20px;
	 padding-top: 0px;
	 margin-top:0px;
}
table.tableauImages {
   width:600px;
	margin:auto;
	margin-top: 30px;
	margin-bottom:30px;
	text-align: center;
}
table.tableauImages col { width:150px; }
tr.tableauImages td{
	text-align:center;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.detailAnnonce p.description {
	 text-align: justify;
	 padding-bottom: 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
}
div.detailAnnonceImp p.accessoire {
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
}
a.retour {
	font-size: 0.7em;
	color: #EAEAEA;
	text-decoration: none;
}
a:hover.retour {
	font-size: 0.7em;
	color: #FF6600;
	text-decoration: none;
}


/* ANNONCE DETAILLEE IMPRIMABLE */
div.detailAnnonceImp {
  width:700px;
  margin:auto;
}
table.detailAnnonceImp {
   width:700px;
	margin:auto;
	margin-bottom:30px;
}
table.detailAnnonceImp col.colonne01 { width:350px; }
table.detailAnnonceImp col.colonne02 { width:350px; }

div.detailAnnonceImp h1{
  font-size: 30pt;
  text-align: center;
}
div.detailAnnonceImp h2{
  font-size: 25pt;
  text-align: center;
  margin-top:10px;
  padding-top:0px;
  
}
div.detailAnnonceImp p.annee {
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 20pt;
	 font-weight: bold;
	 color: #990099;
}
div.detailAnnonceImp p.nbheures {
	 text-align: center;
	 font-size: 14pt;
	 padding-bottom: 20px;
	 padding-top: 0px;
	 margin-top:0px;
}
div.detailAnnonceImp p.longueur {
	 text-align: center;
	 font-size: 16pt;
	 font-weight:bold;
}
div.detailAnnonceImp p.prix {
	 text-align: right;
	 padding-right:50px;
	 padding-bottom: 20px;
	 font-size: 20pt;
	 font-weight:bold;
}
div.detailAnnonceImp p.introduction {
	 text-align: justify;
	 padding-bottom: 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 14pt;
}
table.tableauImagesImp {
   width:700px;
	margin:auto;
	margin-top: 10px;
	margin-bottom:10px;
}
table.tableauImagesImp col { width:350px; }
tr.tableauImagesImp td{
	text-align:center;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
div.detailAnnonceImp p.description {
	 text-align: justify;
	 padding-bottom: 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12pt;
}
div.detailAnnonceImp p.accessoire {
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12pt;
}
div.detailAnnonceImp p.indicatif {
  text-align:right;
  padding-top:20px;
  padding-right:20px;
  font-size: 8pt;
}

/*news */
#menu #news {
	text-decoration: none;
}
div#news {
	position: absolute;
	float: left;
   top: 12px;
	left: 81px;
   text-align: left;
	font-size:1.1em;
	float: left;
	z-index: 1800;
}
	
div#news a.news {
  color: White;
	font-weight: normal;
	text-decoration: none;
	width: 60px;
	clear: both;
	z-index: 1800;
}
div#news a:hover.news {
  color: #F2E8DB;
	text-decoration: none;
  background: none;
 z-index: 1800;
}
a.news span.pophaut, a:link.news span.pophaut 
{display: block;
  position: absolute; 
  top:-52.5em;
  left:-30.5em; 
	background-image: none; 
	z-index: 1800;
	clear: both; }
a:hover.news span.pophaut {
  display: block;
  position: absolute;
  float:left;
   top:1.8em;
  left:1em;
  z-index: 1800;
  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;
    }
  
  
  .popup {
  	float:left;
	text-align:left; 
	font-size:14px; 
	padding:10px; 
	vertical-align:top;
	color: White;
	width:360px;
	min-height: 260px;
	z-index: 2000;
			}
		/*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 -------*/