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

/* Alerte informations
-----------------------------------------------------------------------------*/
#alerte-infos {
	position: relative;
	display: block;
	width: 721px;
	/*height: 85px;*/
	margin-bottom: 20px;
	border: 1px solid #AEAEAE;
	background: #F8F8F8 url(http://www.moto85.com/images/interface/resultats/recherche-infos-bg.gif) top left repeat-x;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#alerte-infos p { margin: 0; }

/* Appel d'offre */
#alerte-infos div.appel {
	/*position: absolute;
	top: 10px;
	right: 5px;*/
	float: right;
	display: block;
	width: 327px;
	height: 78px;
	padding: 3px 0 0 50px;
	margin: 5px 5px 0;
    text-align:justify;
	background: url(http://www.moto85.com/images/interface/resultats/recherche-infos-appel.gif) bottom left no-repeat;
}
#alerte-infos div.appel p { line-height: 1.10em; }
#alerte-infos div.appel a:link, #alerte-infos div.appel a:visited, #alerte-infos div.appel a:hover { color: #191919; text-decoration: none; }

/* Description */
#alerte-infos div.description {
	display: block;
	margin: 5px 10px 7px 5px;
	background: url(http://www.moto85.com/images/interface/puce-3.gif) 0 3px no-repeat;
	text-indent: 20px;
    text-align:justify;
}

/* Recherche 
-----------------------------------------------------------------------------*/
#recherche {
	display: block;
	width: 711px;
	height: 280px;
	padding: 5px;
	margin-bottom: 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;
}
#recherche p { margin: 0; }
#recherche img.aide { vertical-align: middle; cursor: help; }

/* Marques */
#recherche div.marques {
	float: left;
	display: block;
	width: 270px;
}
#recherche div.marques div.title { margin-bottom: 4px; font-weight: bold; }
#recherche div.marques div.fields {
	display: block;
	width: 248px;
	height: 143px;
	padding: 6px;
	margin: 0 0 0 5px;
}

#recherche div.marques p.field { display: block; width: 100%; margin-bottom: 9px; }
#recherche div.marques p.title { margin: 10px 0 5px 0; font-weight: bold; }

#recherche div.marques select { 
	width: 245px;
	height: 21px;
	border: 1px solid #808080;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
}
#recherche div.marques option { padding: 0 5px; }

/* Criteres */
#recherche div.criteres {
	float: left;
	display: block;
	width: 440px;
}
#recherche div.criteres div.critere { margin: 0 0 5px 0; }
#recherche div.criteres p.title { margin-bottom: 4px; font-weight: bold; }
#recherche div.criteres p.all { float: right; margin: 0; }
	#recherche div.criteres p.all input { vertical-align: middle; }
	
#recherche div.criteres div.scrollbar {
	position: relative;
	display: block;
	width: 440px;
	height: 23px;
	background: url(http://www.moto85.com/images/interface/recherche/recherche-scrollbar.gif) 0 1px no-repeat;
	font-size: 0.90em;
}	
	#recherche div.criteres div.disabled div.scrollbar { background-position: 0 -39px; }
#recherche div.criteres p.selection span { font-weight: bold; }
#recherche div.criteres div.scrollbar div.prixmin { position: absolute; z-index: 1; bottom: 0; left: 2px; top:12px; }
	#recherche div.criteres div.disabled div.prixmin { color: #AFAFAF; }
#recherche div.criteres div.scrollbar div.prixmax { position: absolute; z-index: 1; bottom: 0; right: 3px; top:12px;}
	#recherche div.criteres div.disabled div.prixmax { color: #AFAFAF; }
#recherche div.criteres div.scrollbar div.handler {
	position: absolute;
	z-index: 3;
	top: -1px;
	left: 0;
	display: block;
	width: 15px;
	height: 14px;
	background: url(http://www.moto85.com/images/interface/home/recherche-handler.gif) top left no-repeat;
	cursor: pointer;
}


/* Reprise 
-----------------------------------------------------------------------------*/
#reprise {
	display: block;
	width: 711px;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #FAFAFA;
	border: 1px solid #AEAEAE;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#reprise p { margin: 0; }
#reprise p.title { margin-bottom: 5px; font-weight: bold; }


/* Reprise  criteres
-----------------------------------------------------------------------------*/
#criteres {
	display: block;
	width: 711px;
	/*height: 220px;*/
	padding: 5px;
	margin-bottom: 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;
}

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

#criteres 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;
}

#criteres 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;
}

#criteres p.marque { width: 180px; }
	#criteres p.marque select { width: 160px; }
#criteres p.cylindree { width: 140px; }
	#criteres p.cylindree select { width: 120px; }
#criteres p.modele { width: 220px; }
	#criteres p.modele select { width: 200px; }
#criteres p.type { width: 160px; }
	#criteres p.type select { width: 150px; }
#criteres p.annee { width: 320px; }
	#criteres p.annee select { width: 97px; }
#criteres p.main { width: 160px; margin-top: 18px; }
	#criteres p.main label { float: left; width: 100px; }
#criteres p.garantie { width: 380px; margin-top: 18px; }
	#criteres p.garantie label { float: left; width: 60px; }
	#criteres p.garantie input { margin-left: 10px; margin-right: 5px;  }
#criteres p.prix { width: 160px; }
	#criteres p.prix input { width: 137px;  }
#criteres p.km { width: 150px; }
	#criteres p.km input { width: 137px;  }
#criteres p.description { width: 700px; }
	
#criteres div.photos { margin-bottom: 10px; }
#criteres img.picto { float: left; margin-top: 4px; margin-right: 5px; }


/* Contact
-----------------------------------------------------------------------------*/
#contact {
	display: block;
	width: 711px;
	/*height: 220px;*/
	padding: 5px;
	margin-bottom: 25px;
	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;
}

#contact div.row {
	clear: both;
	display: block;
}
#contact p.field { float: left; display: block; width: 150px; }
#contact label { display: block; width: 100%; font-weight: bold; }

#contact 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;
}

#contact p.nom { width: 170px; }
	#contact p.nom input { width: 150px; }
#contact p.prenom { width: 170px; }
	#contact p.prenom input { width: 150px; }
#contact p.telephone { width: 170px; }
	#contact p.telephone input { width: 150px; }
#contact p.email { width: 170px; }
	#contact p.email input { width: 150px; }
#contact p.adresse { width: 340px; }
	#contact p.adresse input { width: 320px; }
#contact p.cp { width: 90px; }
	#contact p.cp input { width: 70px; }
#contact p.ville { width: 250px; }
	#contact p.ville input { width: 230px; }
#contact p.captcha { width: 300px; }
	#contact p.captcha img.captcha { margin-top: -5px; vertical-align: middle; }
	#contact p.captcha input { width: 80px; }
	
	
/* Actions
-----------------------------------------------------------------------------*/
#actions { display: block; height: 45px; }
#actions p { margin: 0; }

#actions input[type=submit]#btnEnvoyer {
	float: right;
	display: block;
	width: 133px;
	height: 43px;
    background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-envoyer.gif) top left no-repeat;
    cursor: pointer;
}
#actions input[type=submit]:hover#btnEnvoyer {
	background-position: 0 -43px;
}


#actions2 { display: block; height: 45px; }
#actions2 p { margin: 0; }

#actions2 input[type=submit]#btnEnvoyer2 {
	float: right;
	display: block;
	width: 133px;
	height: 43px;
    background: url(http://www.moto85.com/images/interface/ajout-annonce/btn-envoyer.gif) top left no-repeat;
    cursor: pointer;
}
#actions2 input[type=submit]:hover#btnEnvoyer2 {
	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: 5px;
 padding: 2px;
 text-align: center;
 color:#FFFFFF;
 font-size:13px;
 font-weight:bold;
 font-style:normal;
 background-color:#D50100;
 }