@charset "utf-8";
/********************************************************
	CSS Document / Ajout Annonce - Moto85 par Skalpel.fr
********************************************************/

#global { width: 978px; padding: 5px 5px 30px 5px; }

/* Types de moto
-----------------------------------------------------------------------------*/
#types {
float: right;
	display: block;
	padding: 10px;
	margin-bottom: 5px;
	overflow: hidden;
    }

/* Title */

/* Links */
/*
#types ul { margin: 10px 0 0 0; }
#types li { display: inline; margin-right: 5px; font-size: 0.90em; }
#types li a:link, #types li a:visited { color: #191919; text-decoration: none; }
	#types li a:hover { text-decoration: underline; }
	*/
#types ul { margin: 5px 0 0 0; }
#types li {
  float: left;
  display: inline-block;
  width: 210px;
  padding: 4px 0;
  margin-right: 9px;
  font-size: 0.90em;
}
#types li a:link, #types li a:visited { color: #191919; text-decoration: none; }
  #types li a:hover { text-decoration: underline; }
#types li p {
  line-height: 1.00em;

  margin: 0;
  font-weight: bold;
}

/* Support
-----------------------------------------------------------------------------*/
#support {
	float: right;
	display: block;
	width: 289px;
	height: 46px;
	margin: 5px 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 {
	clear: both;
	display: block;
	width: 976px;
	height: 34px;
	background: url(http://www.moto85.com/images/interface/ajout-annonce/etapes-bg.gif) top left no-repeat;
}
#etapes li {
	float: left;
	display: inline-block;
	height: 34px;
}
	#etapes li.etape-1 { width: 164px; margin-right: 56px; }
	#etapes li.etape-2 { width: 132px; margin-right: 57px; }
	#etapes li.etape-3 { width: 183px; margin-right: 52px; }
	#etapes li.etape-4 { width: 121px; margin-right: 41px; }
	#etapes li.etape-5 { width: 170px; }
	
#etapes a:link, #etapes a:visited {
	display: block;
	height: 34px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
	#etapes a:hover { background-position: 0 -34px; }
	#etapes li.active { background-position: 0 -34px; }
	
	#etapes li.etape-1 { width: 164px; background-image: url(http://www.moto85.com/images/interface/ajout-annonce/etape-1.gif); }
	#etapes li.etape-2 { width: 132px; background-image: url(http://www.moto85.com/images/interface/ajout-annonce/etape-2.gif); }
	#etapes li.etape-3 { width: 183px; background-image: url(http://www.moto85.com/images/interface/ajout-annonce/etape-3.gif); }
	#etapes li.etape-4 { width: 121px; background-image: url(http://www.moto85.com/images/interface/ajout-annonce/etape-4.gif); }
	#etapes li.etape-5 { width: 170px; background-image: url(http://www.moto85.com/images/interface/ajout-annonce/etape-5.gif); }
	
#etapes-piece {
  clear: both;
  display: block;
  width: 540px;
  height: 34px;
  background: url(http://www.moto85.com/images/interface/ajout-annonce/etapes-bg.gif) top left no-repeat;
}
#etapes-piece li {
  float: left;
  display: inline-block;
  height: 34px;
}
  #etapes-piece li.etape-1 { width: 132px; margin-right: 56px; }
  #etapes-piece li.etape-2 { width: 183px; margin-right: 57px; }
  #etapes-piece li.etape-3 { width: 112px; }
  
#etapes-piece a:link, #etapes-piece a:visited {
  display: block;
  height: 34px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
  #etapes-piece a:hover { background-position: 0 -34px; }
  #etapes-piece li.active { background-position: 0 -34px; }
  
  #etapes-piece li.etape-1 { width: 132px; background-image: url(http://www.moto85.com/images/interface/ajout-annonce/etape-1-piece.gif); }
  #etapes-piece li.etape-2 { width: 183px; background-image: url(http://www.moto85.com/images/interface/ajout-annonce/etape-2-piece.gif); }
  #etapes-piece li.etape-3 { width: 112px; background-image: url(http://www.moto85.com/images/interface/ajout-annonce/etape-3-piece.gif); }
	

/* Offres
-----------------------------------------------------------------------------*/
#offres {
	position: relative;
	display: block;
	width: 978px;
	margin: 10px 0 0;
}

/* Tabs */
#offres ul.tabs { height: 32px; }
#offres ul.tabs li {
	float: left;
	display: inline-block;
	height: 32px;
	margin-right: 1px;
}
#offres ul.tabs a:link, #offres ul.tabs a:visited {
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	background: url(http://www.moto85.com/images/interface/home/annonces-tabs-a.gif) 0 0 no-repeat;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	/* Hack IE6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#offres ul.tabs a:hover { background-position: 0 -32px; color: #FFFFFF; }
	#offres ul.tabs li.active a:link, #offres ul.tabs li.active a:visited, #offres ul.tabs li.active a:hover {
		background-position: 0 -64px;
		color: black;
	}
#offres ul.tabs a:link span, #offres ul.tabs a:visited span {
	display: block;
	height: 32px;
	padding-right: 10px;
	background: url(http://www.moto85.com/images/interface/home/annonces-tabs-span.gif) 100% 0 no-repeat;
	cursor: pointer;
}
	#offres ul.tabs a:hover span { background-position: 100% -32px; }
	#offres ul.tabs li.active a:link span, #offres ul.tabs li.active a:visited span, #offres ul.tabs li.active a:hover span {
		background-position: 100% -64px;
	}
	
/* Panel */
#offres div.panel {
	display: none;
	width: 978px;
	margin-top: -1px;
	background: url(http://www.moto85.com/images/interface/home/annonces-panel-bg.gif) top left repeat-y;
}
	#offres div.panel.active { display: block; }
#offres div.panel div.top {
	display: block;
	width: 978px;
	height: 3px;
	background: url(http://www.moto85.com/images/interface/home/annonces-panel-top.gif) top left no-repeat;
	font-size: 0px;
}
#offres div.panel div.bottom {
	display: block;
	width: 978px;
	height: 25px;
	background: #D2D2D2 url(http://www.moto85.com/images/interface/home/annonces-panel-bottom.gif) bottom left no-repeat;
	font-size: 0px;
}

/* Offres */
#offres div.box {
	display: block;
	background-color: #FAFAFA;
	border: 1px solid #282828;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
	#offres div.box 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;
	}

    #offres div.box p.bottom {
margin-top:15px;
	}

	#offres div.box div.content { padding: 5px; }
    
    #offres div#types 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;
	}

#offres div.box ul {}
#offres div.box li {
	padding-left: 18px;
    margin: 10px 0 4px 0;
	background: url(http://www.moto85.com/images/interface/puce-3.gif) 0 3px no-repeat;
}

#offres div.box2 {
	display: block;
	background-color: #B7B7B7;
	border: 1px solid #282828;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
	#offres div.box2 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;
	}
	#offres div.box2 div.content { padding: 5px; }

#offres div.box2 ul {}
#offres div.box2 li {
	padding-left: 18px;
	margin-bottom: 4px;
	background: url(http://www.moto85.com/images/interface/puce-3.gif) 0 3px no-repeat;
}


#offres div p.commande {
    float: right;
    clear: both;
	display: block;
	margin: 0 5px 0 0;
	width: 264px;
	height: 43px;
}
#offres div p.commande a:link,
#offres div p.commande a:visited,
#offres div p.commande a:hover {
    display: block;
    width: 264px;
    height: 43px;
    background: url(http://www.moto85.com/images/interface/ajout-annonce/particuliers-commande.gif) 0 0 no-repeat;
}

/* Panel : Multi */
#offres div.multi div.reseau { float: right; display: block; width: 600px; margin: 5px 5px 5px 0; }
#offres div.multi div.reseau ul { float: left; display: block; width: 185px; margin-left: 8px; }
#offres div.multi div.booster { float: left; display: block; width: 355px; margin: 5px 0 0 5px; }
#offres div.multi div.diffuser { float: left; display: block; width: 355px; margin: 5px 0 5px 5px; }
#offres div.multi div.reseau div#types p { float: left; }

/* Panel : Particuliers */
#offres div.particuliers { position: relative; }
#offres div.particuliers li { background-image: url(http://www.moto85.com/images/interface/puce-4.gif); }

#offres div.particuliers div.stats { float: left; display: block; width: 315px; margin: 5px 5px 0; }
#offres div.particuliers div.forfaits { float: left; display: block; width: 360px; margin: 5px 5px 0; }
	#offres div.particuliers div.forfaits div.forfait { margin-bottom: 5px; }
	#offres div.particuliers div.forfaits p.prix { 
		float: right;
		display: block;
		width: 77px;
		height: 67px;
		padding-top: 10px;
		background: url(http://www.moto85.com/images/interface/ajout-annonce/forfait-prix.gif) 0 0 no-repeat;
		text-align: center;
		font-size: 2.80em;
		color: #FFFFFF;
		font-weight: bold;
		font-style: italic;
	}
#offres div.particuliers div.options { float: left; display: block; width: 275px; margin: 5px 0 0 0; }
	#offres div.particuliers div.options div.option { margin-bottom: 1px; }
	#offres div.particuliers div.options p.prix { 
		float: right;
		display: block;
		width: 77px;
		height: 50px;
		padding: 6px 0 0 0;
        margin: 0;
		background: url(http://www.moto85.com/images/interface/ajout-annonce/option-prix.gif) 0 0 no-repeat;
		text-align: center;
		font-size: 2.20em;
		color: #FFFFFF;
		font-weight: bold;
		font-style: italic;
	}
    #offres div.particuliers div.options p.description {
        text-align: justify;
        float: left;
        width: 181px;
    }

/* Panel : Pro */
#offres div.pro li { background-image: url(http://www.moto85.com/images/interface/puce-4.gif); }
#offres div.pro div.stats { float: left; display: block; width: 315px; margin: 5px 5px 0; }
#offres div.pro div.offres { float: left; display: block; width: 320px; margin-top: 5px; }
#offres div.pro div.anu { float: left; display: block; width: 320px; margin-top: 5px; }
#offres div.pro div.offres div.boutique {}
	#offres div.pro div.offres div.boutique div.offre { float: left; display: block; width: 310px; margin: 0 7px 7px 0; }
	#offres div.pro div.offres div.boutique div.offre p.contact { display: block; width: 292px; height: 43px; margin: 0; }
	#offres div.pro div.offres div.boutique div.offre p.contact a { 
		display: block; 
		width: 292px; 
		height: 43px;
		background: url(http://www.moto85.com/images/interface/ajout-annonce/pro-contact.gif) 0 0 no-repeat;
	}
	
	#offres div.pro div.anu div.annuaire {}
	#offres div.pro div.anu div.annuaire div.offre { float: left; display: block; width: 310px; margin: 0 7px 7px 0; }
	#offres div.pro div.anu div.annuaire p.prix {
		float: left;
		display: block;
		width: 77px;
		height: 50px;
		padding-top: 6px;
		margin-right: 5px;
		background: url(http://www.moto85.com/images/interface/ajout-annonce/option-prix.gif) 0 0 no-repeat;
		text-align: center;
		font-size: 2.20em;
		color: #FFFFFF;
		font-weight: bold;
		font-style: italic;
	}
	#offres div.pro div.offres div.annuaire div.offre p.commander { display: block; width: 162px; height: 43px; margin: 0; }
	#offres div.pro div.offres div.annuaire div.offre p.commander a { 
		display: block; 
		width: 162px; 
		height: 43px;
		background: url(http://www.moto85.com/images/interface/ajout-annonce/pro-commander.gif) 0 0 no-repeat;
	}
	
	
/* Informations
-----------------------------------------------------------------------------*/
#informations {
	position: relative;
	display: block;
	width: 978px;
	margin: 10px 0 0;
}

/* Vehicule */
#informations div.vehicule {
	float: left;
	display: block;
	width: 460px;
	margin-right: 5px;
}
#informations div.vehicule div.row {
	clear: both;
	display: block;
	margin-bottom: 10px;
}
#informations div.vehicule p.field { float: left; display: block; width: 150px; }
#informations div.vehicule label { display: block; width: 100%; font-weight: bold; }
#informations select { 
	height: 21px;
	border: 1px solid #CCCCCC;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
}
#informations option { padding: 0 5px; }
#informations input[type=text] {
	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;
}
#informations textarea {
	width: 370px;
	height: 80px;
	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;
}

#informations div.vehicule p.marque { width: 160px; }
	#informations div.vehicule p.marque select { width: 150px; }
#informations div.vehicule p.cylindree { width: 110px; }
	#informations div.vehicule p.cylindree select { width: 100px; }
	#informations div.vehicule p.cylindree input[type=text] { width: 88px; }
#informations div.vehicule p.modele { width: 170px; }
	#informations div.vehicule p.modele select { width: 160px; }
	#informations div.vehicule p.modele input[type=text] { width: 148px; }
#informations div.vehicule p.type { width: 160px; }
	#informations div.vehicule p.type select { width: 150px; }
#informations div.vehicule p.annee { width: 280px; }
	#informations div.vehicule p.annee select { width: 88px; }
#informations div.vehicule p.main { width: 160px; }
	#informations div.vehicule p.main label { float: left; width: 110px; }
#informations div.vehicule p.garantie { width: 280px; }
	#informations div.vehicule p.garantie label { float: left; width: 80px; }
	#informations div.vehicule p.garantie input { margin-left: 10px; margin-right: 5px;  }
#informations div.vehicule p.prix { width: 160px; }
	#informations div.vehicule p.prix input { width: 137px;  }
#informations div.vehicule p.km { width: 160px; }
	#informations div.vehicule p.km input { width: 137px;  }

/* Pièces */
#informations div.piece {
	float: left;
	display: block;
	width: 460px;
	margin-right: 5px;
}
#informations div.piece div.row {
	clear: both;
	display: block;
	margin-bottom: 10px;
}
#informations div.piece p.field { float: left; display: block; width: 150px; }
#informations div.piece label { display: block; width: 100%; font-weight: bold; }

#informations div.piece p.categorie { width: 196px; }
  #informations div.piece p.categorie select { width: 186px; }
#informations div.piece p.marque { width: 196px; }
	#informations div.piece p.marque select { width: 186px; }
	#informations div.piece p.marque input[type=text] { width: 174px; }
#informations div.piece p.etat { width: 196px; }
	#informations div.piece p.etat select { width: 186px; }
#informations div.piece p.titre { width: 160px; }
	#informations div.piece p.titre input { width: 370px;  }
#informations div.piece p.prix { width: 55px; }
	#informations div.piece p.prix input { width: 50px;  }

/* Medias */
#informations div.medias {
	float: left;
	display: block;
	width: 510px;
}
#informations div.medias div.photos { margin-bottom: 10px; }
#informations div.medias img.picto { float: left; margin-top: 4px; margin-right: 5px; }
#informations div.medias label { font-weight: bold; }
	#informations div.medias label img { vertical-align: middle; }

/* Box */
#informations div.box {
	display: block;
	padding: 5px;
	background-color: #FAFAFA;
	border: 1px solid #D5D5D5;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}



/* Identification
-----------------------------------------------------------------------------*/
#identification {
	position: relative;
	display: block;
	width: 650px;
	margin: 10px 0 0;
}
#identification div.row {
	clear: both;
	display: block;
}
#identification div.aide {
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #FCFCFC;
	border: 1px solid #D5D5D5;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
	#identification div.aide p { margin-bottom: 5px; }
	
#identification ul {}
#identification li {
	padding-left: 18px;
	margin-bottom: 4px;
	background: url(http://www.moto85.com/images/interface/puce-3.gif) 0 3px no-repeat;
}

#identification p.field { float: left; display: block; width: 240px; }
#identification label { display: block; width: 100%; font-weight: bold; }
	#identification label img { vertical-align: middle; }
#identification select { 
	height: 21px;
	border: 1px solid #CCCCCC;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
}
#identification option { padding: 0 5px; }
#identification input[type=text], #identification input[type=password] {
	width: 220px;
	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;
}

/* Inscription */
#identification div.inscription {
	float: left;
	display: block;
	width: 510px;
	margin-right: 5px;
}
#identification div.inscription p.adresse { width: 150px; }
	#identification div.inscription p.adresse input { width: 460px; }
#identification div.inscription p.cp { width: 90px; }
	#identification div.inscription p.cp input { width: 70px; }
#identification div.inscription p.departement { width: 150px; }
	#identification div.inscription p.departement select { width: 143px; }
#identification div.inscription p.telephone { width: 160px; }
	#identification div.inscription p.telephone input { width: 140px; }
#identification div.inscription p.portable { width: 160px; }
	#identification div.inscription p.portable input { width: 140px; }
#identification div.inscription p.email { width: 160px; }
	#identification div.inscription p.email input { width: 140px; }
#identification div.inscription p.newsletter { width: 400px; }
	#identification div.inscription p.newsletter input { margin-left: 10px; margin-right: 5px;  }
#identification div.inscription p.partenaires { width: 400px; }
	#identification div.inscription p.partenaires input { margin-left: 10px; margin-right: 5px;  }
#identification div.inscription p.cgv { width: 400px; margin-top: 5px; font-weight: bold; }
#identification div#box p.valider a:link, #identification div#box p.valider a:visited {
    background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-valider.gif) 0 0 no-repeat;
  }

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

.messageValid {
 margin: 10px;
 padding: 5px;
 text-align: center;
 color:#FFFFFF;
 font-size:13px;
 font-weight:bold;
 font-style:normal;
 background-color:green;
 }

 .messageErreur {
 margin: 10px;
 padding: 5px;
 text-align: center;
 color:#FFFFFF;
 font-size:13px;
 font-weight:bold;
 font-style:normal;
 background-color:#D50100;
 }
 
/* Identification */
#identification div.identification {
	float: left;
	display: block;
	width: 450px;
}
#identification div.identification p.login { width: 220px; }
	#identification div.identification p.login input { width: 190px; }
#identification div.identification p.password { width: 210px; }
	#identification div.identification p.password input { width: 190px; }
#identification div.identification p.cgv { width: 400px; margin-top: 5px; font-weight: bold; }
	

/* Box */
#identification div.box {
	display: block;
	padding: 5px;
	background-color: #FAFAFA;
	border: 1px solid #D5D5D5;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}


/* Offre
-----------------------------------------------------------------------------*/
#offre {
	display: block;
	width: 978px;
	margin: 10px 0 0;
}

#offre input[type=text], #offre input[type=password] {
	width: 180px;
	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;
}

/* Box */
#offre div.box {
	display: block;
	padding: 5px;
	background-color: #FAFAFA;
	border: 1px solid #D5D5D5;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}

/* Left */
#offre div.left {
	float: left;
	display: block;
	width: 500px;
	margin-right: 5px;
}

/* Right */
#offre div.right {
	float: left;
	display: block;
	width: 460px;
}

/* Service */
#offre table.service {
	display: block;
	width: 500px;
	margin-bottom: 5px;
	border: 1px solid #282828;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#offre 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;
}
#offre 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;
}
	#offre table.service tr.hl td { background: #FAFAFA url(http://www.moto85.com/images/interface/ajout-annonce/service-td-hl.gif) bottom left repeat-x; }
	
	#offre table.service td.select { width: 50px; text-align: center; }
	#offre table.service td.label { width: 150px; font-size: 1.30em; font-weight: bold; }
	#offre table.service td.prix { width: 45px; padding-left: 5px; }
		#offre 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;
		}
		#offre 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 2 */
#offre div.box2 {
	display: block;
	margin-bottom: 5px;
	background: #FAFAFA url(http://www.moto85.com/images/interface/ajout-annonce/service-td-hl.gif) bottom left repeat-x;
	border: 1px solid #282828;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
	#offre div.box2 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;
	}
	#offre div.box2 div.content { padding: 5px; }
	#offre div.box2 input { float: right; margin-top: 5px; }
	
/* Box 3 */
#offre div.box3 {
	display: block;
	margin-bottom: 5px;
	background-color: #858585;
	border: 1px solid #282828;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#offre div.box3 p { margin: 0; }
#offre 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;
}
#offre div.box3 div.row {
	display: block;
	height: 66px;
	margin-bottom: 4px;
}
#offre div.box3 p.picto {
	float: left;
	display: block;
	width: 130px;
	height: 66px;
	margin: 0 5px 0 2px;
}
#offre 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;
}
#offre div.box3 p.choisir {
	float: left;
	display: block;
	width: 115px;
	height: 66px;
}
	#offre div.box3 p.choisir a:link, #offre div.box3 p.choisir a:visited, #offre div.box3 p.choisir a:hover {
		display: block;
		width: 115px;
		height: 43px;
		margin-top: 10px;
		background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-choisir.gif) top left no-repeat;
	}
	
	
/* Recap
-----------------------------------------------------------------------------*/
#recap {
	display: block;
	width: 978px;
	margin: 10px 0 0;
}

/* Finaliser */
#recap 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;
}
#recap div.finaliser p.commande, #recap div.finaliser p.valider {
	display: block;
	width: 305px;
	height: 43px;
	margin: 20px 0 20px 100px;
}
	#recap div.finaliser p.commande a:link, #recap div.finaliser p.commande a:visited {
		display: block;
		width: 305px;
		height: 43px;
	}
	#recap div.finaliser p.valider a:link, #recap div.finaliser p.valider a:visited {
		display: block;
		width: 291px;
		height: 43px;
	}
	#recap div.finaliser p.commande a:link, #recap div.finaliser p.commande a:visited {	
    background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-commander.gif) 0 0 no-repeat;
  }
	#recap div.finaliser p.valider a:link, #recap div.finaliser p.valider a:visited {	
    background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-valider.gif) 0 0 no-repeat;
  }
	#recap div.finaliser p.commande a:hover, #recap div.finaliser p.valider a:hover { background-position: 0 -43px; }
	
/* Commande */
#recap div.commande, #recap div.recap {
	float: left;
	position: relative;
	display: block;
	width: 458px;
	height: 156px;
	background: #F7F7F7 url(http://www.moto85.com/images/interface/ajout-annonce/commande-bg.gif) bottom left repeat-x;
	border: 1px solid #282828;
	font-size: 0.90em;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#recap div.recap {
  height: auto;
  padding-bottom: 40px;
}
	#recap div.commande p.title, #recap div.recap 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;
	}
#recap div.commande p.reference, #recap div.recap p.reference {
	float: left;
	display: block;
	width: 166px;
	height: 36px;
	padding: 20px 0 0 0;
	margin: 11px 0 0 2px;
	background: url(http://www.moto85.com/images/interface/ajout-annonce/commande-reference.gif) top left no-repeat;
	text-align: center;
	color: #EC2929;
	font-weight: bold;
	text-transform: uppercase;
}
#recap div.commande ul, #recap div.recap ul {
	float: left;
	display: block;
	width: 250px;
	margin: 10px 0 0 30px;
}
#recap div.commande li, #recap div.recap li {
	width: 250px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 1px;
	background: url(http://www.moto85.com/images/interface/ajout-annonce/commande-li.gif) top left repeat-x;
	font-weight: bold;
}
#recap div.recap li.multiline {
	width: 250px;
	height: auto;
	line-height: auto;
	margin-bottom: 1px;
	background: url(http://www.moto85.com/images/interface/ajout-annonce/commande-li.gif) top left repeat-x;
	font-weight: bold;
}
	#recap div.commande li span { float: left; display: block; width: 170px; margin-right: 40px; text-align: right; font-weight: normal; }
	#recap div.recap li span { float: left; display: block; width: 70px; margin-right: 40px; text-align: right; font-weight: normal; }
#recap div.commande p.total, #recap div.recap p.total {
	position: absolute;
	bottom: 6px;
	left: 2px;
	display: block;
	width: 454px;
	height: 26px;
	line-height: 22px;
	margin: 0;
	background: url(http://www.moto85.com/images/interface/ajout-annonce/commande-total.gif) bottom left;
	font-size: 1.20em;
	font-weight: bold;
}
	#recap div.commande p.total span, #recap div.recap p.total span { float: left; display: block; width: 365px; margin-right: 40px; text-align: right; }