/******************************************
- On écrase les proprietés de ext-all.css - 
*******************************************/

.x-grid3-header, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner {
	background-image: none;
	 background-color: #93117e;
	 color: #FFF;
}
body .x-grid3-header-inner {
	float: none;	
}
.x-grid3-header .x-clear {
	clear: none;
}
#contenu div.x-grid3-row {
	width: 100% !important;
	border: none;
	border-bottom: 1px solid #DDD;	
	cursor: pointer;
}
#contenu .x-grid3-row-over {
	/*background: #FFF url('../../images-design/fond-moteur-recherche-hover.jpg') repeat-x scroll top !important;*/
	/*background-color: #FFF6DF !important; /* Il y a un !important dans le css d'extjs... */
}
#contenu .x-grid3-row-selected {
	background-color: #EEE !important; /* Il y a un !important dans le css d'extjs... */
	/*background-color: #FFF1CF !important; /* Il y a un !important dans le css d'extjs... */
	/*background: #FFF url('../../images-design/fond-moteur-recherche-slct.jpg') repeat-x scroll top !important;*/
}

.x-panel-body {
	border: none;
	
}

.x-panel-bbar .x-toolbar {
	background: none;
	border: none;
}
#contenu .x-grid3-hd-row td {
	border: none;
	border-right: 1px solid #AAA;	
}
#body_moteur_recherche .x-grid3-header-offset table { /* Headers du tableau du moteur*/ 
	/*width: 530px !important;*/
}
#moteur_recherche {
	/*border-top: none;*/
	/*border: 1px solid #FFF;*/
	padding: 1px;
}

.x-grid3-viewport {
	width: 100% !important;
}

/********************************* Moteur de Recherche *********************************/
#body_moteur_recherche, #contenuPanier {
	clear: both;
	/*border: 1px solid #EE1C23;*/
}

#topic-grid {border: 1px solid #93117e;}

#moteur_recherche .contenu{
	padding: 0.1px;
}

.contenu .x-tbar-page-number { /* Pagination du moteur */ 
	color: black;
}

/***************************** PAGE Selection**************************/
#contenuPanier {
	margin: 10px 0;
}


/************************* Filtre **************************/
#bloc_filtre_moteur .header {
	/*background:#EDEDED url(../../images-design/commun/bord-arrondi-haut-bg.jpg) no-repeat scroll left top;*/
	background-color: #EDEDED;
	padding-top:7px;
	margin-top: 0;
} 
#comboReference { /* Le combo "marque" */ 
	margin-top: 5px;
}
#bloc_filtre_moteur {
	margin: 1.2em auto 2em auto;
	height: 1%; overflow: hidden;
	/*background:#EDEDED url(../../images-design/commun/bord-arrondi-bas-bg.jpg) no-repeat scroll right bottom;*/
	background-color: #EDEDED;
	padding-bottom:7px;
}
#moteur_bandeau {
	height: 1%; overflow: hidden; /* pour s'étendre autour des 2 blocs en float + IE6 */
	/*border: 1px solid #DDD;
	border-width: 0 1px;*/
}
#moteur_bandeau #critere_combo{
	float: right;
	width: 170px;
}
#moteur_bandeau #rappel_critere{
	width: 490px;
	min-height: 30px;
	margin-bottom: 1em;
	text-align: center; 
}

.plus_criteres .lien_deployer {
	display: block;
	clear: both;
	height: 1%; /* Pour IE6 */ 
	/*background-color: #EEE;*/
	/*color:#444444;*/
	font-weight:bolder;
	line-height:28px;
	text-decoration:none;
	padding-left: 28px;

	border-top: 1px solid #009ee0;
	background-image: url('/plateforme/Commons/images/arrow_close.gif');
	background-position: center left;
	background-repeat: no-repeat;
}
.lien_deployer:hover {
}
.lien_deployer:focus {
	border-top-color: #FFF;	
}

#details_bandeau {
	padding: 0 7px;
	height: 1%; /* Pour éviter à IE6 les 2 bandes blanches sur le coté 
				 * dues au "padding" et au "width:99%" ... 
				 */ 
	/*background-color: #EEE;*/
}

#details_bandeau .x-panel-body {
	padding-top: 3px;
	background: none;
	/*background-color: #EEE;*/
}

/********************** Fiche annonce **********************/
.x-grid3-col-annonce a {
	/*color: #949;*/
	font-weight: bold;
	font-size: 110%;
	line-height: 1.2em;
}

.bloc_annonce, #modif_annonce {
	/*position: relative;*/
	padding: 1em;
	padding-bottom: 2em;
	margin: 0 10px 15px 10px;
	/*background-color: #FFF;*/
	border: 1px solid #e2007a;
	border-top-width: 6px;
	font-family: arial,tahoma,helvetica,sans-serif;
	background:#FFF url(../../images-design/paille_en_keue.jpg) no-repeat scroll right top;
}
.bloc_annonce .champs {
	font-weight: bold;
}

.options_vehicules {
	text-transform: capitalize;
	/*border:1px solid blue;*/
	display:block;
	padding:10px;
/*	position: absolute;
	top: 0;
	left: 0;*/
}

ul.options_vehicules {	
	list-style: none;
	margin: 0;
}
ul.options_vehicules li{
	padding: 0; margin: 5px;
	/*width: 50%;
	float: left;	*/
	display: inline;
}

.annonce_fonction a{

	display: block;
/*	text-decoration: none;
	border-bottom:1px solid #BBD;
*/
}
.annonce_fonction a:hover, .annonce_fonction a:focus {
/*	border-bottom:1px solid #AAC;
	background-color: #FFA;*/
}

#contact_vendeur {
	/*color: #949;*/
}

.annonce_details_important, .annonce_fonction, 
.annonce_details_utiles, .annonce_details_interessant {
	list-style: none;
	margin: 0;padding: 10px;
}

.annonce_fonction {
	float: right;
	width: 140px;
	width: 300px;
	/*background:#FFFFFF url(../../images-design/fleche.jpg) no-repeat scroll center top;*/
}

#bloc_annonce_fonction {
/*	padding-top: 120px;*/
	padding-top: 60px;
	height: 1%; /* Spécial IE6, sinon soucis de double padding 120px 
				 *	au dessus de chaque bloc .annonce_fonction 
				 */
	overflow: hidden;
}
.annonce_fonction li {
	margin: 5px 0 1px 0;
	padding: 1px; /* Pour IE6, problème de la double marge  */
}

.annonce_fiche {
	background-color:#FFFCFF;
	border: 1px solid #FEF;
	float:left;
	margin:20px;
	padding:5px;
	width:340px;
}

.annonce_details_utiles, .champs_sups {
	clear: left;
}

/*.annonce_details_utiles, .annonce_details_interessant {
	float: left;
	width: 200px;
}*/
.annonce_details_utiles li, .annonce_details_interessant li {
	float: left;
	display: block;
	width: 30%;
	padding-right: 2%;
	padding-left: 0;
	margin-bottom: .5em;
}
.bloc_annonce .annonce_details_utiles, .bloc_annonce .annonce_details_interessant{
	margin-top:0.5em;
	width: 650px; /* IE6, décalage si plus... ? */
	padding-left: 0;
	overflow: hidden; height: 1%; /* Considérer comme un conteneur pour les float à l'intérieur */
}

.bloc_annonce h2, #modif_annonce h2{
	text-transform: capitalize;
	color: #BBD;
	margin-top: 0px;
	border: none;
}
.bloc_annonce h3, #modif_annonce h3 {
	text-transform: capitalize;
	/*width: 50%;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #009ee0;
}
.bloc_annonce .champs, .old974hack strong, .old974hack b {
	color:#009ee0;
}

.old974hack {
	clear: left; /* Si éventuellement le clear:left casse la mise en page, 
				  * alors il faut mettre .bloc_annonce en overflow:hidden;
				  */
}

 
/******************* INFOS ANNONCEUR *********************/
.annonce_details_annonceur_particulier, annonce_details_annonceur_pro {
	/*margin-top: 1em;*/
}
.annonce_details_annonceur_particulier p, .annonce_details_annonceur_pro p {
	padding-left: 5px;
}
.annonceur_pro_concession {
	font-weight: bold;
}
.annonceur_pro_logo {
	float: right; 
	margin: 3px 15px 1px 10px;
}


/******************** Icones du panier ********************/
a.panier {
	float: right;
	margin: 1px;
	line-height: normal;
	border: none;
}
img.panier {
	vertical-align: -7px;
	border: none;
}
a.panier:hover, a.panier:focus {
	border: 1px solid #999;
	margin: 0;
}

#detailAnnonce a.panier {
	margin: 0;
	margin-top: 1px;
	float: right; 
	margin-right: 20px; 
	background-color: #e2007a;
	padding: 4px;
}
#detailAnnonce a.panier:hover, #detailAnnonce a.panier:focus {
	margin: 0;
	margin-right: 19px;
}

/************************** DIAPORAMA *********************/
#diaporama {
	clear: left;
	text-align: center;
	margin-top: 2em;
	/*background-color: #111;*/
	padding: 2px;
	/*border-width: 1px;
	border-style: solid;*/
/*	background-image: url("../../images-design/diaporama-bg.gif");
	background-position: top right;
	background-repeat: no-repeat;*/
}
#diaporama img {
	border: 2px solid #f9b200;
}
#diaporama img#grand_format{
	border-width: 4px;
	border-style: solid;
	max-height:400px;
	max-width:600px;
}

#defilement {
	text-align: center;
}


/********************** CHAMPS SUPS Affichage *********************/
/*
.champs_sups h5 { border-bottom-width: 1px; border-bottom-style: solid; }
.champs_sups dl { margin-left: 2em; }
.champs_sups dt { font-weight: bold; }
.champs_sups dd { margin-left: 5em; }
.champs_sups .champs { 
	display:block;
	float:left;
	width:17em;
}
.champs_sups h5 {  border-bottom-width: 1px; border-bottom-style: solid; }
.champs_sups dl { margin-left: 0em; }
.champs_sups dt { font-weight: bold; }
.champs_sups dd { padding-left: 0em; margin-left: 0; clear: left; text-align:justify;}


.champs_sups .champs { 
	margin-right: 2em;
}

.champs_sups {
	padding: 1em;
	padding-left:0em;
}
*/

.champs_sups h4, .champs_sups h3 { margin: 3px 0; }

.champs_sups h3 { border-bottom-width: 1px; border-bottom-style: solid; clear: left; margin-top: 10px; }
.champs_sups dl { overflow: hidden; height: 1%; margin-top: 2px; }
.champs_sups dt { font-weight: bold; margin: 5px 0; clear: left; }
.champs_sups dd { margin-left: 0; margin-right: 1em; clear: left; }
.champs_sups .champs { 
	white-space:nowrap;
}
.type_description { 
	clear: left;
	overflow: hidden; height: 1%;
/*	float: left; 
	width: 100%;*/
}
.description { 
	 clear: left; 
	 overflow: hidden; height: 1%;
}
.description ul { padding-left: 7px; }
.description li {
	overflow: hidden; height: 1%;
	list-style: none;
	background-image: url(/plateforme/Commons/images/site/ovale-trans.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
	padding: 0 5px 0 15px;
	margin-bottom: 6px;

	float: left; 
	width: 200px; /* Largeur = 190 + 15 + 5 = 220 */
}
.description li.champsup_long { width: 640px; /* = 220 * 3 - (15 + 5) */ }

.champs_sups {
	clear: left;
	overflow:hidden;
	height:1%;
	margin-top: 1em;
	/*padding: 1em;*/
}
	

/******************* Critères & Marque-Modèle ********************/

#annonce_critere { 
	font-size: 90%;
}
#annonce_critere a{ 
	line-height:1.6em;
	padding:0em 0.5em;
	margin: .4em;
	/*color: #555;*/
	text-decoration: none;
	white-space: nowrap;
}
#annonce_critere a.selected {
	font-weight: bolder;
	color: #333;
}
#annonce_critere a:hover, #annonce_critere a:focus{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	/*color: #000;*/
}

/******************* Enchères ********************/

.encheres {
	clear: both; 
	height: 1%; overflow: hidden;
	border: 1px solid #F9B200;
	padding: 3px;
}
.encheres .pub_eko{
	float: left; 
	margin-left: 1em;
	margin-right: 3em;
	padding-top: 3px;
}