html
{
	/*margin: 0;
	padding: 0;*/
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#000000 url(../images/cuir.jpg) repeat;
	color:#000000;
}

html.fiche_popup{
	overflow-y: scroll;
	overflow-x: hidden;
	background:#000000 url(../images/cuir.jpg) repeat;
	color:#FFFFFF;
	width:780px;
	}

body
{
	text-align: center;
 	width: 900px;
	margin:0 auto 0 auto;
	padding:0px;
	
	/*background: #000000;*/
	
}

#fiche .couleur{
		border:solid 1px white;
		/*font-size:0.9em;*/
	}
#texte_diapo td{
	color:#FFFFFF;
	font-size:1.2em;
	}

ul{
	text-align:left;
}

#texte_diapo
{
	font-size:0.7em;
}

#general
{
	width: 900px;
	margin:0;
	padding:0;
	color:#999999;
	}
	#general .clear
	{
		display:none;
		}

body.fiche{
	width: 780px;
	background: white;
	overflow-x: hidden;
	background:#000000 url(../images/cuir.jpg) repeat;
	color:#000000;
	}

body.fiche #general{
	background: transparent;
	width:780px;
	/*color:#000000;*/
	}

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;
	}
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, .form_button:click, .form_button:focus{
	/*border:inset #0066FF 1px;*/
	border:solid #7fb2ff 1px;
	border-top:solid #0048b3 1px;
	border-left:solid #0048b3 1px;
	}
/*
=======================================================================================
=================================== FORMULAIRE ========================================
=======================================================================================
*/

#personal_search_form .form_row{
	clear: both;
	padding: 0.5em 0 !important;
	padding: 0;
	
	}
#personal_search_form .form_label{
	float: left;
	width:30%;
	text-align: right;
	
	}
#personal_search_form span.form_field{
	float: right;
	width: 65%;
	text-align: left;
	
	}
	#personal_search_form .text input, #personal_search_form select, #personal_search_form textarea{
		border: 1px solid rgb(196, 197, 201);
		
		}
	#personal_search_form .text input{
		margin: 0;
		padding: 0.15em;
		}
	#personal_search_form .text input:focus, #personal_search_form select:focus, #personal_search_form textarea:focus{
		border-color: black;
		}
		#personal_search_form .form_field textarea
		{
		width:90%;
		}
#personal_search_form .form_buttons{
	clear: both;
	text-align: center;
	}
#personal_search_form .form_errors{
	margin: 0.5em 0;
	list-style: none;
	color: rgb(175, 0, 0);
	}
	#personal_search_form .form_error{
		color: rgb(175, 0, 0);
		}
		#personal_search_form .form_error input{
			border: 1px solid rgb(175, 0, 0);
			}
#personal_search_form .form_clear{
	height: 1px;
	overflow: hidden;
	}


/*
=======================================================================================
======================================= TOP ===========================================
=======================================================================================
*/

#top{
	height:240px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	border:none;
	margin-top:5px;
	}
iframe.auto{
	margin:0px;
	padding:0px;
	border:none;
	width:898px;
	height:399px;
	overflow-y:auto;
	overflow-X:hidden;
	}
iframe.banniere{
	margin:0px;
	padding:0px;
	border:none;
	width:900px;
	height:240px;
	}
object{
	margin:0px;
	padding:0px;
	border:none;
	}
param{
	margin:0px;
	padding:0px;
	border:none;
	}
embed{
	margin:0px;
	padding:0px;
	border:none;
	}
#top_search
{
	padding:0px;
	margin:0px;
	/*border:solid 1px #00CCFF;*/
	height:108px;
	margin-bottom:-2px;
}


#recherche
{
	position:relative;
	right:50px;
	top:10px;
	text-align:right;
	float:right;
	/*position:relative;
	top:0px;
	right:0px;*/
	width: 300px;
	padding:0;
	margin:0;
	/*border:solid 1px #FFFF00;*/
	/*margin-top:-20px;*/
	}
	#recherche .form_clear
	{
		display:none;
		witdh:0px;
		height:0px;
		}
		#recherche #search_form
		{
			margin-left:30px;
			}
			#recherche #search_form label{
				font-size:0.8em;
				}
			#recherche_vo #search_vo label{
				font-size:0.8em;
				}

#recherche_vo
{
	position:relative;
	top:40px;
	left:85px;
	
	float:left;
	text-align:right;
	/*position:relative;
	top:0px;
	right:400px;*/
	width: 400px;
	padding:0;
	margin:0;
	/*border:solid 1px #FF0000;*/
	/*margin-top:-20px;*/
	}
	#recherche_vo .form_clear
	{
		display: none;
		witdh:0px;
		height:0px;
		}

#menu{
	/*padding: 5px 50px 0 0;*/
	/*height: 26px;*/
	/*overflow: hidden;*/
	padding:0px;
	margin:0px;
	/*border:solid 1px #00FF00;*/
	}
	
	.button_menu{
		background:#27458d;
		padding:0px;
		margin:0px;
		margin-left:8px;
		margin-right:8px;
		
		}
	#menu img{
		padding-bottom:-6px;
		margin-bottom:-6px;
		}
		/*
	#menu img.button_left{
		float:left;
		}
	#menu img.button_right{
		float:right;
		}
		*/
	#menu a{
		color: #FFFFFF;
		text-decoration:none;
		font-size:0.8em;
		font-weight:bold;
		padding-left:15px;
		padding-right:15px;
		
		}
	
	#menu a:hover{
		color: #CCCCFF;
		text-decoration:underline;
		}
	/*
	#menu ul{
		position:relative;
		padding:0px;
		margin:0px;
	}
	#menu li{
		text-align: center;
		display: inline;
		
		}
		
		
		
		#menu li#a_lien_1
		{
			position:relative;
			left:50px;
		}
		#menu li#a_lien_2
		{
			position:relative;
			left:135px;
		}
		#menu li#a_lien_3
		{
			position:relative;
			left:230px;
		}
		#menu li#a_lien_4
		{
			position:relative;
			left:315px;
		}
		#menu li#a_lien_5
		{
			position:relative;
			left:377px;
		}
*/
/*
=======================================================================================
===================================== FOOTER ==========================================
=======================================================================================
*/

#footer{
	width:900px;
	height:60px;
	margin:0px;
	padding:0px;
	background:rgb(142,144,148);
	color:#999999;
	}
#sous_footer{
	width:898px;
	height:59px;
	margin:1px;
	margin-top:0px;
	padding:0px;
	background:#000000;
	background:url(../images/fond.bmp);
	}

#drome_studio{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0;
	padding:0;
	border-top:none;
	width: 900px;
	color: #999999;
	margin-top:5px;
	}
	#drome_studio li a{
		color: #BBBBBB;
		text-decoration:none;
		}
	#drome_studio li a:hover{
		color: #CCCCCC;
		text-decoration: underline;
		}
	#ds_gras{
		font-weight:bold;
		}

#contact_annonce{
		padding: 0 0 0 5px;
		color: #FFFFFF;
		}
	#contact_annonce .form_row, #contact_annonce .form_row.text{
		margin: 0;
		padding: 0;
		}
	#contact_annonce label.form_label, #contact_annonce span.form_field{
		margin: 0;
		padding: 0;
		display: block;
		float: none;
		clear: none;
		text-align: left;
		}
	/*#contact_annonce span.form_field, #contact_annonce span.form_field input, #contact_annonce span.form_field textarea{
		width: 98%;
		}*/
/*
=======================================================================================
======================================= MAIN ==========================================
=======================================================================================
*/
/*
#content
{
	margin:0;
	padding: 0;
	padding-top:5px;
	height: 455px;
	margin-top:2px;
	background-color:#FFFFFF;
	width: 900px;
	overflow: auto;
	}
	*/
	/*#content ul.listing-categories{
		display:inline;
		}
		#content ul.listing-categories li{
			display:inline;
			}*/

#content{
	width:900px;
	height:400px;
	margin:0px;
	padding:0px;
	background:rgb(142,144,148);
	overflow:hidden;
	}
.texteContent{
	width:898px;
	height:399px;
	margin:1px;
	margin-top:0px;
	padding:0px;
	background:#000000;
	overflow:hidden;
	/*overflow-y:auto;
	overflow-X:hidden;*/
	/*padding:4px;*/
	}
/*#block_annonce{
	padding:0px;
	margin:0px;
	padding-left:21px;
	padding-top:7px;
	}*/
/*
=======================================================================================
=============================== 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 ========================================
=======================================================================================
*/

#form_sort{
	margin: 0;
	/*padding: 1em 0.5em 0.5em 0.5em;*/
	margin-top:3px;
	text-align: center;
	background: transparent;
	border: none;
	}
	#form_sort .form_row{
		margin: -12px 0 0 0 !important;
		display: inline;
		margin: 0;
		padding: 0;
		text-align: left;
		}
	#form_sort .form_label, #form_sort .form_field{
		margin: 0;
		padding: 0;
		float: none;
		text-align: left;
		font-size: 0.95em;
		}
	#form_sort select{
		margin: 0;
		padding: 0;
		width: auto;
		}
	#form_sort .form_buttons{
		margin: 0 0 -12px 0;
		display: inline;
		}
	#form_sort .form_clear{
		display: none;
		}

/*
=======================================================================================
==================================== 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;
		}



/*
=======================================================================================
================================== 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;
				}

/*
=======================================================================================
=================================== IMPRESSION ========================================
=======================================================================================
*/

.fiche_imprimer{
	background:#FFFFFF;
	}
#imprimer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
	#imprimer #general
	{
		color:#000000;
		}
	#imprimer h2{
		border-bottom:solid 1px #999999;
		color: black;
		}
		#imprimer span.prix{
			color: black;
			}
		#imprimer #details h3{
			color: #333333;
			font-size: 1.3em;
			}
		#imprimer #details ul{
			font-size: 0.95em;
			}

	
/*
=======================================================================================
=================================== FICHE POPUP =======================================
=======================================================================================
*/
#fiche #general .clear
		{
			display:block;
		}
#fiche{
	background:transparent;
	font-size: 0.7em;
	}
#fiche form{
	background: transparent;
	border: 1px solid gray;
	
	}
	#fiche .text input, #fiche select, #fiche textarea{
		border: 1px solid rgb(196, 197, 201);
		
		}
	#fiche .text input:focus, #fiche select:focus, #fiche textarea:focus{
		border-color: black;
		}
	#fiche .form_buttons input{
		font-size: 1em;
		}
		#fiche .form_buttons input.submit{
			font-weight: bold;
			}
#fiche .form_errors{
	color: rgb(175, 0, 0);
	}
	#fiche .form_error{
		color: rgb(175, 0, 0);
		}
		#fiche .form_error input{
			border: 1px solid rgb(175, 0, 0);
			}
#fiche .commentaire{
	color:white;
	}
#fiche .liste_options{
	color:white;
	}

	#fiche h2{
		background: url(../images/fond.bmp);
		background-position:bottom;
		background-repeat:repeat;
		color: white;
		}
		#fiche span.prix{
			color:#FFFFFF;
			}
		#fiche a.a_fermer{
			background: rgb(195, 196, 201);
			color: #666666;
			border: 1px solid #666666;
			font-size: 0.6em;
			font-weight: bold;
			z-index: 20;
			background:url(../images/fond.bmp);
			background-position:bottom;
			background-repeat:repeat;
			}
		#fiche a.a_fermer:hover{
			background:url(../images/fond2.bmp);
			background-position:bottom;
			background-repeat:repeat;
			border: 1px solid #999999;
			color: #999999;
			}
		#fiche a{
			color: #7fb2ff;
			}
		#fiche a:hover{
			color: #0048b3;
			}

		#fiche #details h3{
			color: #7fb2ff;
			font-size: 1.3em;
			}
		#fiche #details{
			width:600px;
			color:white;
			/*margin-top:450px;*/
			}
	.fiche .field_value{
		color:white;
		}
	.fiche h3{
		color:white;
		
		}