/*
=======================================================================================
================================== CADRE ANNONCE ======================================
=======================================================================================
*/

body, html{
	overflow-x:hidden;
	}

#block_annonce{
	padding-left:28px;
	padding-bottom:10px;
	}


.annonce{
	float: left;
	margin-top: 20px;
	margin-left:0px;
	margin-right:28px;
	width: 138px;
	border: 1px solid #990000;
	background: #CC3300;
	}
	.cat_2{
		background: #BB2200;
		}
	.cat_4{
		background: #AA1100;
		}
	.cat_5{
		background: #990000;
		}
	.cat_7{
		background: #880000;
		}
	.cat_8{
		background: #770000;
		}
	/* Marque modèle version */
	.annonce h3{
		margin: 1px 2px;
		padding: 0;
		font-size: 0.8em;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		}
		.annonce h3 span{
			display: block;
			height: 1.3em;
			overflow: hidden;
			}
	/* Version & Prix */
	.annonce h4{
		margin: 0;
		font-size: 0.9em;
		text-align: center;
		}
		.annonce h4.version{
			padding: 0 0.2em 0.2em;
			text-align: right;
			height: 1.2em;
			font-size: 0.7em;
			overflow: hidden;
			font-family: Arial, Helvetica, sans-serif;
			}
		.annonce h4.prix{
			font-family: Impact, Arial, Helvetica;
			margin: 0;
			padding: 0 0 0 0;
			color: rgb(255, 216, 7);
			font-size: 1.25em;
			font-weight: normal;
			letter-spacing: 2px;
			}
	/* Top (marque, modèle, prix, ...) */
	.annonce .top{
		background: transparent;
		color: white;
		border-top: 1px solid transparent;
		}
	.annonce .img_marque{
		float: left;
		margin: 2px;
		}
	/* Image */
	.annonce .image{
		margin: 2px 0 0 0;
		padding: 0;
		text-align: center;
		height: 100px;
		overflow: hidden;
		}
		.annonce .image a img, .annonce .image img{
			margin: 0;
			padding: 0;
			border: 1px solid rgb(207, 232, 255);
			border: none;
			}
			.annonce .image a:hover img{
				border-color: rgb(32, 108, 179);
				}
	/* Détail (km, année, ...) */
	.annonce .details{
		margin: 1px 0 0 0;
		padding: 0 0.7em;
		font-size:0.9em;
		background: rgb(223, 223, 223);
		color: black;
		}
		.annonce .details .annee{
			float: left;
			}
		.annonce .details .kilometre{
			float: right;
			}
		.annonce .details .vehicule_neuf{
			font-weight:bold;
			}
	/* Bouton fiche */
	.annonce .a_fiche{
		text-align: center;
		}
		.annonce .a_fiche a{
			display: block;
			margin: 0;
			padding: 0.3em 0;
			background: rgb(223, 223, 223);
			color: black;
			font-size: 0.9em;
			font-weight: bold;
			text-decoration: none;
			}
			.annonce .a_fiche a:hover{
				background: rgb(255, 214, 8);
				color: black;
				font-weight: bold;
				text-decoration: none;
				}


/*
=======================================================================================
==================================== PAGINATION =======================================
=======================================================================================
*/
	p.pagination{
		color: #000000;
		/*text-decoration:overline underline;*/
		font-weight:bold;
		}
	p.pagination a, p.pagination a:visited{
		color: #0033CC;
		text-decoration:none;
		font-weight:bold;
		}
	p.pagination a:hover{
		color: #0066FF;
		text-decoration:underline;
		font-weight:bold;
		}