@charset "utf-8";
/********************************************************
	CSS Document / Espace pro - Moto85 par Skalpel.fr
********************************************************/
/* Espace Pro
-----------------------------------------------------------------------------*/
#liste-annonces table {
    width: 650px;
   	font-size: 0.90em;
}

#liste-annonces table tr.pair {
  background: #E8E8E8;
}

#liste-annonces table tr.impair {
  background: #ccc;
}
#liste-annonces tr.thead {
	background: #292929;
}
#liste-annonces tr.thead th  {
	background: #292929;
  color: #fff;
  font-weight: bold;
}
#liste-annonces table th, #liste-annonces table td {
	border: 2px solid #fff;
	padding: 5px;
}

#liste-annonces .selection th {
    text-align: right;
    padding: 5px 0 5px 0;
}

/* Support
-----------------------------------------------------------------------------*/
#support {
	float: right;
	display: block;
	width: 289px;
	height: 46px;
	margin: 0 5px 0;
}
#support a:link, #support a:visited, #support a:hover {
	display: block;
	width: 289px;
	height: 46px;
	background: url(http://www.moto85.com/images/interface/recherche/support.gif) top left no-repeat;
}

/* Etapes
-----------------------------------------------------------------------------*/
#etapes, #etapes-piece, #etapes-emploi, #etapes-pro {
	display: block;
	width: 300px;
	height: 34px;
	background: url(http://www.moto85.com/images/interface/espacepro/etapes-bg.gif) top left no-repeat;
}
#etapes-pro {
	width: 600px;
}
#etapes li, #etapes-piece li, #etapes-emploi li, #etapes-pro li {
	float: left;
	display: inline-block;
	height: 34px;
}
	#etapes li.etape-1, #etapes-piece li.etape-1, #etapes-emploi li.etape-1, #etapes-pro li.etape-1 { width: 131px; margin-right: 39px; }
	#etapes li.etape-2, #etapes-piece li.etape-2, #etapes-emploi li.etape-2 { width: 112px; }
	#etapes-pro li.etape-2 { width: 112px; margin-right: 39px; }
	#etapes-pro li.etape-3 { width: 177px; }
	
#etapes a:link, #etapes a:visited, 
#etapes-piece a:link, #etapes-piece a:visited,
#etapes-emploi a:link, #etapes-emploi a:visited,
#etapes-pro a:link, #etapes-pro a:visited {
	display: block;
	height: 34px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
	#etapes a:hover, #etapes-piece a:hover, #etapes-emploi a:hover, #etapes-pro a:hover { background-position: 0 -34px; }
	#etapes li.active, #etapes-piece li.active, #etapes-emploi li.active, #etapes-pro li.active { background-position: 0 -34px; }
	
	#etapes li.etape-1 { width: 132px; background-image: url(http://www.moto85.com/images/interface/espacepro/etape-1.gif); }
	#etapes-piece li.etape-1 { width: 132px; background-image: url(http://www.moto85.com/images/interface/espacepro/etape-1-piece.gif); }
  #etapes-emploi li.etape-1 { width: 135px; background-image: url(http://www.moto85.com/images/interface/espacepro/etape-1-emploi.gif); }
  #etapes-pro li.etape-1 { width: 131px; background-image: url(http://www.moto85.com/images/interface/espacepro/etape-1-pro.gif); }
  #etapes li.etape-2, #etapes-piece li.etape-2, #etapes-emploi li.etape-2 { width: 112px; background-image: url(http://www.moto85.com/images/interface/espacepro/etape-2.gif); }
  #etapes-pro li.etape-2 { width: 112px; background-image: url(http://www.moto85.com/images/interface/espacepro/etape-2-bis.gif); }
  #etapes-pro li.etape-3 { width: 177px; background-image: url(http://www.moto85.com/images/interface/espacepro/etape-3-paiement.gif); }
	

/* Formulaires
-----------------------------------------------------------------------------*/
#vehicule, #piece, #emploi, #profilpro {
	display: block;
	width: 710px;
	/*height: 220px;*/
	padding: 5px;
	margin-top: 20px;
	background: #FAFAFA url(http://www.moto85.com/images/interface/recherche/recherche-bg.gif) bottom left repeat-x;
	border: 1px solid #AEAEAE;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}

#vehicule div.row, #piece div.row, #emploi div.row, #profilpro div.row {
	clear: both;
	display: block;
	margin-bottom: 5px;
}
#vehicule img.aide, #piece img.aide, #emploi img.aide, #profilpro img.aide { vertical-align: middle; cursor: help; }
#vehicule p.field, #piece p.field, #emploi p.field, #profilpro p.field { float: left; display: block; width: 150px; }
#vehicule label, #piece label, #emploi label, #profilpro label { display: block; width: 100%; font-weight: bold; }
#vehicule select, #piece select, #emploi select, #profilpro select { 
	height: 21px;
	border: 1px solid #CCCCCC;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
}
#vehicule option, #piece option, #emploi option, #profilpro option { padding: 0 5px; }

#vehicule input[type=text], #piece input[type=text], #emploi input[type=text], #profilpro input[type=text], #profilpro input[type=password], #connexion input {
	width: 150px;
	padding: 1px 5px 0 5px;
	background: #FDFDFD url(http://www.moto85.com/images/interface/field-text.gif) top left repeat-x;
	border: 1px solid #CCCCCC;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
}

#vehicule textarea, #piece textarea, #emploi textarea, #profilpro textarea {
	width: 680px;
	height: 60px;
	padding: 1px 5px 0 5px;
	background: #FDFDFD url(http://www.moto85.com/images/interface/field-text.gif) top left repeat-x;
	border: 1px solid #CCCCCC;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
}

#vehicule p.marque { width: 180px; }
	#vehicule p.marque select { width: 160px; }
#vehicule p.cylindree { width: 140px; }
	#vehicule p.cylindree select { width: 120px; }
	#vehicule p.cylindree input[type=text] { width: 108px; }
#vehicule p.modele { width: 220px; }
	#vehicule p.modele select { width: 200px; }
	#vehicule p.modele input[type=text] { width: 188px; }
#vehicule p.type { width: 160px; }
	#vehicule p.type select { width: 150px; }
#vehicule p.annee { width: 320px; }
	#vehicule p.annee select { width: 97px; }
#vehicule p.main { width: 160px; margin-top: 18px; }
	#vehicule p.main label { float: left; width: 100px; }
#vehicule p.garantie { width: 380px; margin-top: 18px; }
	#vehicule p.garantie label { float: left; width: 60px; }
	#vehicule p.garantie input { margin-left: 10px; margin-right: 5px;  }
#vehicule p.prix { width: 160px; }
	#vehicule p.prix input { width: 137px;  }
#vehicule p.km { width: 150px; }
	#vehicule p.km input { width: 137px;  }
#vehicule p.description { width: 700px; }
	
#piece p.categorie { width: 196px; }
  #piece p.categorie select { width: 186px; }
#piece p.marque { width: 196px; }
  #piece p.marque select { width: 186px; }
  #piece p.marque input { width: 174px; }
#piece p.etat { width: 196px; }
  #piece p.etat select { width: 186px; }
#piece p.prix { width: 60px; }
  #piece p.prix input { width: 92px;  }
#piece p.titre { width: 160px; }
  #piece p.titre input { width: 680px;  }
#piece p.description { width: 700px; }

#emploi p.type { width: 176px; }
  #emploi p.type select { width: 166px; }
#emploi p.poste { width: 176px; }
  #emploi p.poste select { width: 166px; }
#emploi p.contrat { width: 176px; }
  #emploi p.contrat select { width: 166px; }
#emploi p.remuneration { width: 176px; }
  #emploi p.remuneration select { width: 166px; }
#emploi p.annee { width: 320px; }
	#emploi p.annee select { width: 97px; }
#emploi p.lieu { width: 176px; }
  #emploi p.lieu input { width: 154px;  }
#emploi p.entreprise { width: 176px; }
  #emploi p.entreprise input { width: 154px;  }
#emploi p.texte, #emploi p.profil { width: 700px; }

#profilpro p.emailConcession { width: 196px; }
  #profilpro p.emailConcession input { width: 176px; }
#profilpro p.nom { width: 196px; }
  #profilpro p.nom input { width: 176px; }
#profilpro p.adresse { width: 392px; }
  #profilpro p.adresse input { width: 372px; }
#profilpro p.codePostal { width: 196px; }
  #profilpro p.codePostal input { width: 176px; }
#profilpro p.ville { width: 196px; }
  #profilpro p.ville input { width: 176px; }
#profilpro p.tel { width: 176px; }
  #profilpro p.tel input { width: 156px; }
#profilpro p.tel2 { width: 176px; }
  #profilpro p.tel2 input { width: 156px; }
#profilpro p.mobile { width: 176px; }
  #profilpro p.mobile input { width: 156px; }
#profilpro p.fax { width: 176px; }
  #profilpro p.fax input { width: 156px; }
#profilpro p.pass { width: 196px; }
  #profilpro p.pass input { width: 176px; }
#profilpro p.confirmation { width: 196px; }
  #profilpro p.confirmation input { width: 176px; }
#profilpro p.nomContact { width: 196px; }
  #profilpro p.nomContact input { width: 176px; }
#profilpro p.prenomContact { width: 196px; }
  #profilpro p.prenomContact input { width: 176px; }
#profilpro p.web { width: 392px; }
  #profilpro p.web input { width: 372px; }
#profilpro p.marque { width: 176px; }
  #profilpro p.marque select { width: 166px; }
#profilpro p.type { width: 176px; }
  #profilpro p.type select { width: 166px; }
	
#vehicule div.photos, #piece div.photos, #emploi div.photos, #profilpro div.photos { margin-bottom: 10px; }
#vehicule img.picto, #piece img.picto, #emploi img.picto, #profilpro img.picto { float: left; margin-top: 4px; margin-right: 5px; }


/* Actions
-----------------------------------------------------------------------------*/
#actions { display: block; height: 45px; }
#actions p { margin: 0; }

#actions p.etape-precedente { float: left; display: block; width: 214px; height: 41px; margin-top: 5px; }
#actions p.etape-precedente a:link, p.etape-precedente a:visited {
  display: block;
  width: 214px;
  height: 41px;
  background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-etape-precedente.gif) 0 0 no-repeat;
}
#actions p.etape-suivante { float: right; display: block; width: 194px; height: 41px; margin-top: 5px; }
#actions p.etape-suivante a:link, #actions p.etape-suivante a:visited {
	display: block;
	width: 194px;
	height: 41px;
	background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-etape-suivante.gif) 0 0 no-repeat;
}
#actions p.etape-suivante a:hover, #actions p.etape-precedente a:hover { background-position: 0 -41px; }

#actions p.valider { float: right; display: block; width: 125px; height: 43px; margin-top: 5px; }
#actions p.valider a:link, #actions p.valider a:visited {
  display: block;
  width: 125px;
  height: 43px;
  background: url(http://www.moto85.com/images/interface/btn-valider.gif) 0 0 no-repeat;
}
#actions p.valider a:hover { background-position: 0 -43px; }


/* Recapitulatif
-----------------------------------------------------------------------------*/
#recapitulatif {
	float: left;
	display: block;
	width: 420px;
	margin-top: 20px;
	margin-right: 5px;
	background: #FAFAFA url(http://www.moto85.com/images/interface/recherche/recherche-bg.gif) bottom left repeat-x;
	border: 1px solid #282828;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}

#recapitulatif p.title {
	display: block;
	height: 24px;
	line-height: 22px;
	padding-left: 20px;
	margin: 0;
	background: url(http://www.moto85.com/images/interface/annonces/box-title-bg.gif) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#recapitulatif table { margin: 5px 5px 0 5px }
	#recapitulatif tr {}
	#recapitulatif th { width: 180px; vertical-align: top;}
	#recapitulatif td {}
	
#recapitulatif div.photos { padding: 2px; }
#recapitulatif div.photo { float: left; margin: 5px 10px; }
	#recapitulatif div.photo img { border: 3px solid #565656; }
	
	
/* Valider
-----------------------------------------------------------------------------*/
#valider {
	float: left;
	display: block;
	width: 283px;
	padding: 5px;
	margin-top: 20px;
	background-color: #FAFAFA;
	border: 1px solid #D5D5D5;
	font-size: 0.90em;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#valider p.valider {
	display: block;
	width: 226px;
	height: 43px;
	margin: 20px 0 20px 30px;
}
	#valider p.valider a:link, #valider p.valider a:visited {
		display: block;
		width: 226px;
		height: 43px;
		background: url(http://www.moto85.com/images/interface/espacepro/btn-valider-annonce.gif) 0 0 no-repeat;
	}
	#valider p.valider a:hover { background-position: 0 -43px; }


 /* Formulaire de connexion
    ------------------------------------------------------------------------ */
#connexion {
 margin: 0 auto 0 auto;
 padding: 0;
 text-align:right;
 width:400px;
}

 /* Profil
    ------------------------------------------------------------------------ */
div#profil p input.champsTexte {
 padding: 2px;
 width: 160px;
	border: 1px solid #808080;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
 float: left;
  margin: 0 0 5px 0;

}

div#profil p textarea {
 width: 165px;
 height: 60px;
 border: 1px solid #808080;
 font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
 font-size: 1.10em;
 float: left;
 margin: 0 0 10px 0;
  margin: 0 0 5px 0;

}

div#profil p select {	/* pour les autres */
 padding: 2px;
 width: 165px;
	border: 1px solid #808080;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
 float: left;
 margin: 0 0 5px 0;
}

div#profil p label {
 float: left;
 width: 190px;
 color: #333;
 cursor: pointer;
 font-weight: bold;
}

div#profil span.obligatoire {
 color: #d50000;
 font-weight: bolder;
 font-size: 18px;
 font-family: "Trebuchet MS", sans-serif;
 float: left;
 margin: 0 0 0 5px;
}


div#profil p span.aide {
 color: #7f7f7f;
 font-style: italic;
 float: left;
 margin: 0 5px 0 5px;
}

div#profil {
width: 680px;
}

div#profil p input[id=valider] {
	display: block;
	width: 125px;
	height: 43px;
	background: url(http://www.moto85.com/images/interface/btn-valider.gif) 0 0 no-repeat;
	cursor: pointer;
    float:left;
}
div#profil p input[id=valider]:hover {
	background-position: 0 -43px;
}

div#profil p input[id=cancel] {
    margin-top:20px;
    margin-left:10px;
	display: block;
	width: 133px;
	height: 43px;
	background: url(http://www.moto85.com/images/interface/recherche/actions-btn-annuler.gif) 0 0 no-repeat;
	cursor: pointer;
    float:left;
}
div#profil p input[id=cancel]:hover {
	background-position: 0 -43px;
}


div#profil p {
 margin: 6px;
 text-align: left;
 clear: both;
}


div#profil ol {
 margin-top: 60px;
 text-align: left;
 clear: both;
}

div#profil p input.boutonRadio {
 padding: 2px;
 margin-bottom: 0 !IMPORTANT;
 width: 20px;
 float: left;
}

div#profil p label.labelRadio {
 float: left;
 width: 40px;
 height: 23px;
 margin-top: 3px !IMPORTANT;
 color: #333;
 cursor: pointer;
}


/* Service */
#options-non-acheter table.service {
	display: block;
	width: 500px;
	margin-bottom: 5px;
	border: 1px solid #282828;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#options-non-acheter table.service th {
	height: 22px;
	line-height: 22px;
	padding-left: 20px;
	background: url(http://www.moto85.com/images/interface/annonces/box-title-bg.gif) top left no-repeat;
	color: #FFFFFF;
	text-transform: uppercase;
}
#options-non-acheter table.service tr td {
	padding: 5px 0;
	background: #DEDEDE url(http://www.moto85.com/images/interface/ajout-annonce/service-td.gif) bottom left repeat-x;
	border-bottom: 1px solid #858585;
}
	#options-non-acheter table.service tr.hl td { background: #FAFAFA url(http://www.moto85.com/images/interface/ajout-annonce/service-td-hl.gif) bottom left repeat-x; }

	#options-non-acheter table.service td.select { width: 50px; text-align: center; }
	#options-non-acheter table.service td.label { width: 150px; font-size: 1.30em; font-weight: bold; }
	#options-non-acheter table.service td.prix { width: 45px; padding-left: 5px; }
		#options-non-acheter table.service td.prix p {
			display: block;
			width: 38px;
			height: 34px;
			padding-top: 4px;
			margin: 0;
			background: url(http://www.moto85.com/images/interface/ajout-annonce/service-prix.gif) top left no-repeat;
			text-align: center;
			font-size: 1.50em;
			color: #FFFFFF;
			font-weight: bold;
			font-style: italic;
		}
        #options-non-acheter table.service td.achete p {
			display: block;
			width: 38px;
			height: 34px;
			padding-top: 4px;
			margin: 0;
			background: url(http://www.moto85.com/images/interface/ajout-annonce/achete.gif) top left no-repeat;
			text-align: center;
			font-size: 1.50em;
			color: #FFFFFF;
			font-weight: bold;
			font-style: italic;
		}
		#options-non-acheter table.service tr.hl td.prix p { background: url(http://www.moto85.com/images/interface/ajout-annonce/service-prix-hl.gif) top left no-repeat; }




/* Box 3 */
 div.box3 {
	display: block;
    width:500px;
	margin-bottom: 5px;
	background-color: #858585;
	border: 1px solid #282828;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
 div.box3 p { margin: 0; }
 div.box3 p.title {
	display: block;
	height: 24px;
	line-height: 22px;
	padding-left: 5px;
	font-size: 1.10em;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
 div.box3 div.row {
	display: block;
	height: 66px;
	margin-bottom: 4px;
}
 div.box3 p.picto {
	float: left;
	display: block;
	width: 130px;
	height: 66px;
	margin: 0 5px 0 2px;
}
div.box3 p.description {
	float: left;
	display: block;
	width: 195px;
	height: 56px;
	line-height: 1.30em;
	padding: 5px;
	background: #FCFCFC;
	-moz-border-radius: 2px;
	-webkit-border-radius:	2px;
}
 div.box3 p.choisir {
	float: left;
	display: block;
	width: 115px;
	height: 66px;
}
	 div.box3 p.choisir input[type=submit] {
		display: block;
        cursor:pointer;
		width: 115px;
		height: 43px;
		margin-top: 10px;
		background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-choisir.gif) top left no-repeat;
	}

	 p.boutonCentre input[type=submit] {
		display: block;
        cursor:pointer;
		width: 133px;
		height: 43px;
		margin-top: 10px;
		background: url(http://www.moto85.com/images/interface/recherche/actions-btn-annuler.gif) top left no-repeat;
	}
	p.boutonCentre input[type=submit]:hover {
		background-position: 0 -43px;
	}


    /* Paiement */

#paiement p.retour input {
		display: block;
        cursor:pointer;
		width: 125px;
		height: 43px;
		margin-top: 10px;
		margin-left: 70px;
		background: url(http://www.moto85.com/images/interface/btn-retour.gif) top left no-repeat;
}
#paiement p.retour input:hover {
	background-position: 0 -43px;
}

#paiement p.cb input {
		display: block;
        cursor:pointer;
		width: 312px;
		height: 43px;
		margin-top: 10px;
		background: url(http://www.moto85.com/images/interface/btn-valider-cb.gif) top left no-repeat;
}
#paiement p.cb input:hover {
	background-position: 0 -43px;
}

#paiement p.valider input{
		display: block;
        cursor:pointer;
		width: 125px;
		height: 43px;
		margin-top: 10px;
		background: url(http://www.moto85.com/images/interface/btn-valider.gif) top left no-repeat;
}
#paiement p.valider input:hover{
	background-position: 0 -43px;
}

#paiementAnnulink {
  display: block;
  width: 978px;
  margin: 10px 0 0;
}

/* Finaliser */
#paiementAnnulink div.finaliser {
  float: left;
  display: block;
  width: 500px;
  padding: 5px;
  margin-right: 5px;
  background-color: #FAFAFA;
  border: 1px solid #D5D5D5;
  font-size: 0.90em;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius:  3px;
}
  
#paiementAnnulink div.finaliser p.commande a {
    display: block;
    cursor:pointer;
    width: 312px;
    height: 43px;
    margin: 10px 0;
    background: url(http://www.moto85.com/images/interface/btn-valider-cb.gif) top left no-repeat;
}
#paiementAnnulink div.finaliser p.commande a:hover {
  background-position: 0 -43px;
}

/* Actualites */
div#actualites-pro div.actu {
	margin: 5px 5px 15px 5px;
	border: 1px solid #aaa;
	padding: 10px;
}
div#actualites-pro div.actu p.actu-date {
	font-style: italic;
}
div#actualites-pro p.retour a {
	  float: right;
	  margin: 5px;
    display: block;
    cursor: pointer;
    width: 125px;
    height: 43px;
    background: url(http://www.moto85.com/images/interface/btn-retour.gif) top left no-repeat;
}
div#actualites-pro p.retour a:hover {
  background-position: 0 -43px;
}
/* Pagination */
div#actualites-pro div.pages {
  float: left;
  display: block;
  height: 22px;
  background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-bg-left.gif) top left no-repeat;
}
div#actualites-pro div.pages ul {
  display: block;
  height: 21px;
  padding: 1px 5px 0 5px;
  background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-bg-right.gif) top right no-repeat;
}
div#actualites-pro div.pages li {
  float: left;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 4px;
  background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-sep.gif) 0 -1px no-repeat;
  /* hack IE6 */
  width: auto !important;
  width: 0.1em;
  white-space: nowrap;
}

div#actualites-pro div.pages li.active a  {color: #EC2929; text-decoration: none;}


  div#actualites-pro div.pages li.previous, div#actualites-pro div.pages li.next, div#actualites-pro div.pages li.nosep { background: none; }
div#actualites-pro div.pages a:link, div#actualites-pro div.pages a:visited {
  display: block;
  color: #191919;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
  div#actualites-pro div.pages a:hover { color: #EC2929; }
  div#actualites-pro div.pages li.previous a:link, div#actualites-pro div.pages li.previous a:visited, div#actualites-pro div.pages li.previous a:hover {
    padding-left: 17px;
    background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-previous.gif) 0 6px no-repeat;
  }
  div#actualites-pro div.pages li.next a:link, div#actualites-pro div.pages li.next a:visited, div#actualites-pro div.pages li.next a:hover {
    padding-right: 17px;
    background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-next.gif) 100% 6px no-repeat;
  }