/****************************************************************/
/*	général                                                                                       */
/****************************************************************/
body {
	margin: 0px;
	padding: 0px;
	background: #000 url(/images/page_fond.gif) repeat-x;
}

form{
	margin: 0px;
	padding: 0px;
}

a{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

p{
    margin: 0px;
	padding: 0px;
}

.contenu_fiche{
    background-color: #000;
	padding: 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

.bandeau_haut{
	padding: 0px 0px 0px 34px;
    background: #000 url(/images/bandeau_fond.jpg) no-repeat right;
    height: 145px;
}

.ligne_cote{
        border-left: 1px solid #3d3d3d;
        border-right: 1px solid #3d3d3d;
}

.erreur{
	border:1px solid red; 
	color:#ffffff;
	padding:10px 10px 10px 10px;
}

.valide{
	border:1px solid green; 
	color:#ffffff;
	padding:10px 10px 10px 10px; 
}

.accroche{
    padding-left: 110px;
    font-family : Times,Arial, Helvetica, sans-serif;	
	font-size : 28px;
	color : #fff;
}

.menu{
    padding: 0px 15px 0px 15px;
    height: 32px;
    background: #000 url(/images/menu_fond.gif) repeat-x;
    background-color: #000;
}

.colonne_gauche{
    padding: 0px;
    margin: 0px;
    background-color: #000;
    border-right: solid 1px #3d3d3d;
}

.bloc_occasion{
    height: 115px; 
    border-top: solid 1px #3d3d3d;
    border-bottom: solid 1px #3d3d3d;
}

.occasion{
    padding: 0px 10px 0px 10px;
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

.vehicules_marque{
    height:  100px;
    padding: 0px 10px 0px 0px;
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

.titre_bloc_recherche{
    padding: 20px 20px 20px 20px;
    background: #000 url(/images/barre_fond.gif) repeat-x top;
    
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
    font-weight: bold;
	color : #c1001f;
}

.form_bloc_recherche{
    padding: 0px 20px 0px 20px;
    
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

.form_bloc_recherche_avancee{
    padding: 36px 0px 0px 0px;
    
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

a.lien_bloc_recherche{
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
    text-decoration: none;
}

a.lien_bloc_recherche:hover{
    text-decoration: underline;
}

.details_fiche{
    background-color: #b8b8b8;
    border-left: solid 1px #3d3d3d;
}

.placement_titre_voiture{
    padding: 10px;
    height: 60px;
}

.titre_voiture{
    padding: 0px;
    margin: 0px;
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
    font-weight: bold;
	color : #4d4d4d;
}

.critere_principal_champ{
    background-color: #4d4d4d;
    border-bottom: solid 1px #c8c8c9;
    border-right: solid 1px #c8c8c9;
    padding-right: 10px;
    height: 23px;
    width: 100px;
    text-align:  right;
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
    font-weight: bold;
	color : #c8c8c9;
}

.critere_principal_value{
    background-color: #4d4d4d;
    border-bottom: solid 1px #c8c8c9;
    padding-left: 10px;
    height: 23px;
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #c8c8c9;
}

/****************************************************************/
/*	index	                                                    */
/****************************************************************/
.index_bas{
    height:  31px;
    background: #000 url(/images/barre_fond.gif) repeat-x top;
    border-top: solid 1px #3d3d3d;
}

.fiche_voiture_une{
    border-bottom: solid 1px #3d3d3d;
}

.marques_une{
    height:  85px;
    background-color: #000;
    border-top: solid 1px #3d3d3d;
}

.lien_details_fiche{
    padding: 0px 10px 20px 0px;
    background-color: #b8b8b8;
    border-left: solid 1px #3d3d3d;
}

a.lien_details{
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #4d4d4d;
    text-decoration: none;
}

a.lien_details:hover{
    text-decoration: underline;
}

/****************************************************************/
/*	fiche    			                                        */
/****************************************************************/
.type_critere{
    padding-left: 15px;
    background: #000 url(/images/type_critere_fond.gif) repeat-x top;
    height: 33px;
}

.separations_criteres{
    border-right: solid 1px #3d3d3d;
}

.critere_vide{
    background: #000 url(/images/type_critere_fond.gif) repeat-x top;
    border-right: solid 1px #3d3d3d;
}

.titre_type_critere{
    padding: 0px;
    margin: 0px;
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
    font-weight: bold;
}

.valeurs_critere{
    padding: 10px 5px 10px 15px;
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

.fiche_descritpion{
     background: #000 url(/images/type_critere_fond.gif) repeat-x top;
     padding: 43px 5px 10px 15px;
     
     font-family : Arial, Helvetica, sans-serif;	
	 font-size : 12px;
	 color : #fff;
}

.fiche_ref{
    padding: 0px;
    margin: 0px;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 10px;
	color : #4d4d4d;
}

/****************************************************************/
/*	recherche			                                        */
/****************************************************************/
.multipage{
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	color : #fff;        
}

.nb_vehicule{
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
    font-weight: bold;
	color : #c1001f; 
}

.table_recherche{
    border-bottom:  1px solid #3d3d3d;
}

.cellule_logo{
    border-top:  1px solid #3d3d3d;
    border-right:  1px solid #3d3d3d;
}

.cellule_libelle{
    padding: 5px 5px 0px 5px;
    border-top:  1px solid #3d3d3d;
    border-right:  1px solid #3d3d3d;
    font-weight: bold;
}

.cellule_caracs{
    padding-left: 10px;
    border-top:  1px solid #3d3d3d;
    border-right:  1px solid #3d3d3d;
}

.cellule_details{
    padding-left: 10px;
    border-top:  1px solid #3d3d3d;
    border-right:  1px solid #3d3d3d;
}

.cellule_vignette{
    border-top:  1px solid #3d3d3d;
}

a.lien_recherche_fiche2{
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 12px;
	color : #fff;
    text-decoration: none;
}

a.lien_recherche_fiche2:hover{
    text-decoration: underline;
}

a.lien_recherche_fiche{
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 12px;
	color : #fff;
    text-decoration: none;
}

a.lien_recherche_fiche:hover{
    text-decoration: underline;
}

.cellule_recherche{
    padding:  0px 0px 0px 70px;
    border-bottom:  1px solid #3d3d3d;
}

.cellule_recherche_gauche{
    padding:  0px 0px 0px 70px;
    border-right:  1px solid #3d3d3d;
    border-bottom:  1px solid #3d3d3d;
}

.cellule_recherche_prix{
    padding:  0px 0px 0px 165px;
    border-bottom:  1px solid #3d3d3d;
}

.cellule_bt_recherche{
    padding:  0px 0px 0px 210px;
    padding-top:  1px;
    background: #000 url(/images/barre_fond.gif) repeat-x top;
    border-bottom:  1px solid #3d3d3d;
}

.petit_poucet{
    padding: 10px;
    border-bottom:  1px solid #3d3d3d;
}


.recherche_marque{
    padding: 5px;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 10px;
	color : #dedede;
    border-bottom:  1px solid #3d3d3d;
}

a.lien_recherche_marque{
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 12px;
	color : #dedede;
    text-decoration: none;
}

a.lien_recherche_marque:hover{
    text-decoration: underline;
}

a.lien_voir_annonces{
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 12px;
    font-weight:  bold;
	color : #ff0000;
    text-decoration: none;
}

a.lien_voir_annonces:hover{
    text-decoration: underline;
}

/****************************************************************/
/*	contenu				                                        */
/****************************************************************/
.contenu{
    background-color: #000;
	padding: 10px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

.titre_article{
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 22px;
	color : #c1001f;
}

.plan_rubrique{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #528f33;
}

.fieldset{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color: #616161;
}

a.lien_autre_article_actif{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color: #616161;
    font-weight: bold;
	text-decoration: none;
}

a.lien_autre_article{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color: #616161;
	text-decoration: none;
}

a.lien_autre_article:hover{
	text-decoration: underline;
}

a.lien_arbo{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color: #616161;
	text-decoration: none;
}

a.lien_arbo:hover{
	text-decoration: underline;
}

.dl_fichier{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight: bold;
	color : #616161;
}

/****************************************************************/
/*	contact                                                     */
/****************************************************************/
.champs{
	padding : 0px 5px 0px 5px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #fff;
}

.champs_intitule{
	padding : 0px 5px 0px 5px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 17px;
	color : #fff;
}

.warning{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #ff0000;
}

.bouton{
	background-color: #c1001f;
	border:0px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
	cursor: pointer;
}

/****************************************************************/
/*	footer					                                    */
/****************************************************************/
.footer_fond{
	padding:  20px 0px 0px 0px;
	background: #000 url(/images/barre_fond.gif) repeat-x top;
	height: 102px;
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #fff;
}

.footer{
	padding: 0px 30px 0px 0px;
}

a.lien_footer{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #fff;
	text-decoration: none;
}

a.lien_footer:hover{
	text-decoration: underline;
}

.copyright{
    color : #c1001f;
}

/****************************************************************/
/*	défilé des logos des marques                                */
/****************************************************************/
#scroller {
    margin: 0;
    padding: 0;
    width: 970px;
    height: 75px;
    overflow: hidden;
    position: relative;
}

#scroller * {
    margin: 0;
    padding: 0;
    border: none;
}

#scroller #scrolling {
    width: 9999px;
    position: relative;
    top: 0;
    left: 0;
}

#scroller #scrolling div {
    float: left;
    background-color: #000;
}

#marque{
    padding:  0px 10px 0px 10px;
}





/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:26px;
	height:74px;
	float:left;
	margin:0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right{
    background:url(/images/bt_index_next.gif) no-repeat;
    clear:right; 
    margin-right: 0px;
}

/* left */
a.left{
    background:url(/images/bt_index_prev.gif) no-repeat; 
    margin-left: 0px; 
} 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 696px;
	height:74px;
    background-color: #000000;
	/* custom decorations */
	/*border-left: 1px solid #3d3d3d;
    border-right: 1px solid #3d3d3d;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px;
	padding:0px 1px 0px 0px;
	cursor:pointer;
	width:115px;
	height:86px;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}