html
{
	/*margin: 0;
	padding: 0;*/
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0 0 0 0;
	padding:0px;
	overflow-X:hidden;
}


body
{
	text-align: center;
 	/*width: 877px;
	margin: 0 auto 0 auto;*/
	width:880px;
	margin:0px;
	padding:0px;
	color:#999999;
	background: #000000;
	/*padding-left:21px;*/
	overflow-X:hidden;
}

.texteContent{
	overflow-X:hidden;
	}

a img{
	border: none;
	}
h2.titre_site{
	color: #666666;
	font-size:4em;
	/*text-decoration:underline overline;*/
	padding:0;
	margin:0;
	margin-top:1em;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#888888 3px solid;
	border-top:#888888 3px solid;
	background:#222222;
	}
h2 .first{
	color: #444444;
	border:1px outset #999999;
	background: #333333;
	padding-left:10px;
	padding-right:10px;
	margin-right:5px;
	}
h3.sous_titre{
	padding:0;
	margin:0;
	color: #FFFFFF;
	background:#003399;
	font-size:2em;
	padding-bottom:10px;
	padding-top:10px;
	margin-top:1em;
	
	}

.texteContent div table{
	border:none;
	}

select{
	background:url(../images/fond.bmp);
	background-repeat: repeat;
	color: #999999;
	/*border:outset #0066FF 1px;*/
	border:none;
	}
option, option:focus{
	color: #999999;
	border:none;
	background:url(../images/fond.bmp);
	background-repeat: repeat;
	background-color:#333333;
	/*background:#666666;*/
	}
option:active, option:hover{
	background:url(../images/fond2.bmp);
	/*color: #666666;*/
	color: #999999;
	}
.form_button{
	background:#666666;
	background:url(../images/fond.bmp);
	background-image:url(../images/fond.bmp);
	background-repeat: repeat;
	color: #999999;
	/*border:outset #0066FF 1px;*/
	border:solid #7fb2ff 1px;
	border-bottom:solid #0048b3 1px;
	border-right:solid #0048b3 1px;
	}
.form_button:active{
	/*border:inset #0066FF 1px;*/
	border:solid #7fb2ff 1px;
	border-top:solid #0048b3 1px;
	border-left:solid #0048b3 1px;
	}





/*
=======================================================================================
======================================== PAGES ========================================
=======================================================================================
*/

.page_commune{
	}

.page_commune h4{
		color: #FFFFFF;
		font-size: 1.3em;
		font-weight: bold;
		text-decoration:underline;
		/*margin-top:5px;*/
		margin:0px;
		padding:0px;
		}
.page_commune p{
		color: #FFFFFF;
		font-size:1.1em;
		text-indent:15px;
		}
.page_commune .deux_points{
		text-decoration:underline;
		}

/* ================ ACCUEIL ==================*/
#accueil{
	margin:10px;
	padding:0px;
	}
	#accueil p{
		text-align:left;
		}
	#accueil img#image_accueil02{
		float:left;
		margin:0px;
		padding:0px;
		margin-right:10px;
		}
/* ================ LIVRAISON ==================*/
#livraison{
	padding:0px;
	margin:10px;
	}
	#livraison img#image_europe{
		float:left;
		margin:0px;
		padding:0px;
		margin-right:10px;
		}
	#livraison p{
		text-align:left;
		text-indent:0px;
		}

/* ================ PLAN ==================*/
#plan{
	padding:0px;
	margin:10px;
	}
	#plan img#image_plan{
		float:left;
		margin:0px;
		padding:0px;
		margin-right:10px;
		}
	#plan p{
		text-align:left;
		text-indent:0px;
		}

/* ================ PRESENTATION =================*/
#presentation{
	padding:0px;
	margin:10px;
	}
	#presentation img#image_plan{
		float:left;
		margin:0px;
		padding:0px;
		margin-right:10px;
		}
	#presentation p{
		text-align:left;
		text-indent:0px;
		
		}
	#presentation ul{
		color:#FFFFFF;
		text-align:left;
		list-style-type:square;
		margin-left:300px;
		}
		#presentation ul ul{
			list-style-type:square;
			margin:0px;
			margin-left:20px;
			}
/*
=======================================================================================
======================================= MAIN ==========================================
=======================================================================================
*/
#block_annonce{
	padding:0px;
	margin:0px;
	padding-left:21px;
	padding-top:7px;
	padding-bottom:5px;
	}
/*
=======================================================================================
=============================== LISTING CATEGORIE =====================================
=======================================================================================
*/

.listing-categories
{
	display:inline;
	margin: -3px 0 0 0 ;
	padding:0 0 10px;
	text-align:center;
	}
	.listing-categories ul
	{
		display:inline;
		white-space: nowrap;
		
		border: 3px solid #00CCFF;
		margin:0px;
		padding:0px;
		}
	.listing-categories li
	{
		 display: inline;
		 padding: 2px 0 !important;
		 padding: 0;
		 font-size:0.9em;
		 border: 3px solid #FFFFFF;
		 border-left: none;
		 text-transform:uppercase;
		 font-family:Verdana, Arial, Helvetica, sans-serif;
		}
	.listing-categories li.first
	{
		border-left: 3px solid #FFFFFF;
		}
	.listing-categories li a
	{
		text-decoration:none;
		color: #FFFFFF;
		background: #27458d;
		padding: 2px 20px;
		}
	.listing-categories li a:hover
	{
		background: #EEEEEE;
		text-decoration:none;
		color:#27458d;
		}

/*
=======================================================================================
==================================== FORM SORT ========================================
=======================================================================================
*/

#search_form{
	margin: 0;
	padding:0px;
	text-align: center;
	background: transparent;
	border: none;
	color:#999999;
	}
	#search_form .form_row{
		/*margin: -12px 0 0 0 !important;*/
		display: inline;
		margin: 0;
		padding: 0 !important;
		padding: 0;
		text-align: left;
		}
	#search_form .form_label, #search_form .form_field{
		margin: 0;
		padding: 0;
		float: none;
		text-align: left;
		font-size: 0.95em;
		}
	#search_form select{
		margin: 0;
		padding: 0;
		width: auto;
		/*float:left;*/
		}
	#search_form .form_buttons{
		margin: 0 0 -12px 0;
		margin:0px;
		padding:0px;
		display: inline;
		font-size:0.8em;
		}
	#search_form .form_button{
		margin:0px;
		padding:0px;
		display: inline;
		margin-left:30px;
		font-weight:normal;
		padding:2px;
		/*float:right;*/
		}
	#search_form .form_clear{
		display: none;
		}
	/*.modele_invisible{
		content:'oki';
		padding-right:150px;
		background:#00CCFF;
		}
*/
a#lien_recherche{
	float:right;
	color:#999999;
	font-size:0.8em;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	margin-right:50px;
	background:url(../images/fond.bmp) repeat;
	border: 1px solid #0048b3;
	border-top:1px solid #7fb2ff;
	border-left:1px solid #7fb2ff;
	}
a#lien_recherche:hover{
	border: 1px solid #7fb2ff;
	border-top:1px solid #0048b3;
	border-left:1px solid #0048b3;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:11px;
	padding-right:9px;
	}
a#lien_recherche:active{
	border: 1px solid #7fb2ff;
	border-top:1px solid #0048b3;
	border-left:1px solid #0048b3;
	}
/*
=======================================================================================
==================================== PAGINATION =======================================
=======================================================================================
*/

p.pagination{
	clear: both;
	margin: 0 15%;
	text-align: center;
	margin-bottom:5px;
	}
	p.pagination span.preview{
		float: left;
		}
	p.pagination span.next{
		float: right;
		}
	p.pagination a, p.pagination a:visited{
		color: #CCCCCC;
		text-decoration:none;
		}
	p.pagination a:hover{
		color:#CCCCCC;
		text-decoration:underline;
		}
/*
=======================================================================================
==================================== CONTACT US =======================================
=======================================================================================
*/
#formul form{
	margin: 0;
	padding: 0;
	background: transparent;
	}
#formul .form_row{
	clear: both;
	padding: 0.5em 0 !important;
	padding: 0;
	}
#formul .form_label{
	float: left;
	width: 48%;
	text-align: right;
	color : #FFFFFF !important;
	}
#formul .texte_image_cryptee {
  color : #FFFFFF !important;
}
#formul span.form_field{
	float: right;
	width: 49%;
	text-align: left;
	}
	#formul .text input, #formul select, #formul textarea{
		width: 60%;
		border: 1px solid #0099FF;
		}
	#formul .text input{
		margin: 0;
		padding: 0.15em;
		}
	#formul select{
		width: 62%;
		}
	#formul .text input:focus, #formul select:focus, #formul textarea:focus{
		border-color: #003399;
		}
#formul .form_buttons{
	clear: both;
	padding: 10px 0 0;
	text-align: center;
	}
	#formul .form_buttons input{
		font-size: 1em;
		}
		#formul .form_buttons input.submit{
			font-weight: bold;
			}
#formul .form_errors{
	margin: 0.5em 0;
	list-style: none;
	color: red;
	}
	#formul .form_error{
		color: red;
		}
		#formul .form_error input, #formul .form_error select, #formul .form_error textarea{
			border: 1px solid red;
			}
#formul .form_clear{
	/*clear: both; */
	display: none;
	height: 1px;
	overflow: hidden;
	}

.bouton_over{
	background:url(../images/fond.bmp) repeat;
	border: 1px solid #7fb2ff;
	border-top:1px solid #0048b3;
	border-left:1px solid #0048b3;
	}

/*
=======================================================================================
================================== CADRE ANNONCE ======================================
=======================================================================================
*/
.annonce{
	float: left;
	margin: 7px;
	margin-left:0px;
	margin-right:14px;
	/*border: 1px solid #0099FF;*/
	background:rgb(142,144,148);
	background:#000000;
	}
	/*.cat_2{
		background: rgb(65, 97, 138);
		border-color: rgb(65, 97, 138);
		}
	.cat_4{
		background: rgb(95, 103, 116);
		border-color: rgb(95, 103, 116);
		}
	.cat_5{
		background: rgb(194, 5, 37);
		border-color: rgb(194, 5, 37);
		}
	.cat_7{
		background: rgb(67, 140, 131);
		border-color: rgb(67, 140, 131);
		}
	.cat_8{
		background: rgb(143, 113, 89);
		border-color: rgb(143, 113, 89);
		}*/
	/* Marque modèle version */
	.annonce table{
		border-collapse:collapse;
		margin: 0;
		padding: 0;
		}

	.annonce tr{
		margin: 0;
		padding: 0;
		
		}
	.annonce td{
		margin: 0;
		padding: 0;
		height:0px;
		width:0px;
		}
	.annonce td.bas{
		height:9px;
		background:url(../images/contour3.bmp);
		background-repeat:repeat-x;
		}
	.annonce td.haut{
		height:9px;
		background:url(../images/contour1.bmp);
		background-repeat:repeat-x;
		}
	.annonce td.centre_droite{
		width:9px;
		background:url(../images/contour2.bmp);
		background-repeat:repeat-y;
		}
	.annonce td.centre_gauche{
		width:9px;
		background:url(../images/contour4.bmp);
		background-repeat:repeat-y;
		}
	.annonce td.haut_droite{
		width:9px;
		height:9px;
		background:url(../images/coin1.bmp);
		background-repeat:no-repeat;
		}
	.annonce td.haut_gauche{
		width:9px;
		height:9px;
		background:url(../images/coin2.bmp);
		background-repeat:no-repeat;
		}
	.annonce td.bas_droite{
		width:9px;
		height:9px;
		background:url(../images/coin4.bmp);
		background-repeat:no-repeat;
		}
	.annonce td.bas_gauche{
		width:9px;
		height:9px;
		background:url(../images/coin3.bmp);
		background-repeat:no-repeat;
		}
	.annonce td.centre{
		width: 138px;
		background:url(../images/fond.bmp);
		}
	.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);*/
			color: #999999;
			color: #85a4c3;
			/*background:#333333;*/
			font-size: 1.25em;
			font-weight: normal;
			letter-spacing: 2px;
			/*text-shadow: #FFFFFF 20px -12px 2px;*/
			filter: Shadow(Color=#FFFFFF, Direction=135, Strength=5);
			}
			 
	/* 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;
		display:none;
		}
		.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;
				}