/* Liste */
#liste { width: 100%; border-collapse: collapse; border:1px solid #aaa; }
#liste th, #liste td.pager { background: #999;background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));background-image: -moz-linear-gradient(top, #999, #666); color: #ffffff; font-weight: normal; font-size: 12px; font-family: Arial, Verdana; text-align: center; line-height: 26px; }
#liste td, #liste th {border-top: 1px solid #aaa;border-bottom:1px solid #aaa; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
#liste th input { background: none; border: none; color: #ffffff; font-weight: normal; font-size: 12px; text-decoration: underline; font-family: Arial, Verdana; text-align: center; width: 100%; height: 26px; line-height: 26px; display: block; cursor: pointer; }
#liste th input:hover { background-color: #999999; }
#liste th input.asc {background-image: url(../../images/listann_order_asc.gif);	background-repeat: no-repeat;background-position: 95% 50%;}
#liste th input.desc {background-image: url(../../images/listann_order_desc.gif);background-repeat: no-repeat;background-position: 95% 50%;	}
/* Vente Flash */
#liste .flash td { background-color: #E3E3E3; }
#liste .flash td a { color: #003c50; }
#liste .flash .model { background-image: url(../../images/listann_vente_flash.png); background-repeat: no-repeat; background-position: 100% 100%; }
#liste .flash .calendar { width: 188px; margin: 0 auto; padding: 0 0 0 5px; height: 64px; background-image: url(../../images/listann_bg_calendar.png); background-repeat: no-repeat; }
#liste .flash .calendar .day { width: 49px; margin-top: 5px; background-image: url(../../vente-flash/images/bg_day_mini.png); background-repeat: no-repeat; text-align: center; display: block; float: left; }
#liste .flash .calendar .hour { width: 42px; margin-top: 17px; background-image: url(../../vente-flash/images/bg_hour_mini.png); background-repeat: no-repeat; text-align: center; display: block; float: left; }
#liste .flash .calendar .min { width: 42px; margin-top: 17px; background-image: url(../../vente-flash/images/bg_min_mini.png); background-repeat: no-repeat; text-align: center; display: block; float: left; }
#liste .flash .calendar .sec { width: 41px; margin-top: 17px; background-image: url(../../vente-flash/images/bg_sec_mini.png); background-repeat: no-repeat; text-align: center; display: block; float: left; }
#liste .flash .calendar .day { line-height: 43px; color: #ffffff; font-size: 34px; font-weight: bold; }
#liste .flash .calendar .hour, #liste tr.flash .calendar .min, #liste tr.flash .calendar .sec { line-height: 31px; color: #ffffff; font-size: 24px; font-weight: bold; }
#liste .flash .remise { width: 64px; height: 52px; line-height: 47px; background-image: url(../../images/bg_remise_listann.png); background-repeat: no-repeat; position: absolute; top: -8px; left: 26px; color: #ffffff; font-size: 14px; font-weight: bold; text-align: center; }
/* Options mise en avant */
#liste .gras td { background-color: #d1fdff }
#liste .gras.annonce_type td { background-color: #b4fbfe; }
#liste .bordure td, #liste .annonce_type.bordure td { border-top-color: #003c50; border-bottom-color: #003c50; border-top-width: 2px; border-bottom-width: 2px; }
/* Publicité */
#liste .pub td { text-align:center;}
/* Colonnes */
#liste td { font-family: Arial, Verdana; font-size: 12px; padding: 5px; background-color: #ffffff; }
#liste .model { width: 250px; border-bottom: 0; }
#liste .year { text-align: center; }
#liste .co2 { text-align: center; }
#liste .km { text-align: center; }
#liste .photo { width: 13%; }
#liste .annonce_photo_url { display: block; width: 80px; height: 60px; position: relative;}
#liste .annonce_video {position: absolute; z-index:10; bottom: 3px; right: 3px;}
#liste .photo img.logo_listann { width: 80px; height: 20px; }
#liste .dep { width: 40px; text-align: center; }
#liste .price { text-align: center; }
#liste .price b{ color: #CC2C25; }
#liste .annonce_titre { font-family: Arial; font-size: 14px; font-weight: bold; display: block; text-transform: uppercase; }
#liste .annonce_titre a {	color: #2b8c91; }
#liste .annonce_titre a:hover { text-decoration: underline; }
#liste .annonce_modele { color: #000; }
#liste .txt_garantie {font-weight: bold;}
#liste .annonce_version { color: #000; }
#liste .txt_motorisation { color: #000; font-weight: bold; }
#liste .annonce_prix { font-family: Arial; font-size: 14px; font-weight: bold; text-align: center; display: block; }
#liste .annonce_prix_barre { font-family: Arial; font-size: 12px; font-weight: normal; text-align: center; display: block; text-decoration: line-through;}
#liste .txt_assurer { color: #78a008; text-decoration: underline; }
#liste .txt_financer { color: #006691; text-decoration: underline; }
#liste .annonce_type td { padding: 0; height: 17px; background: #F3F3F3; border-top: 0; border-bottom: 1px solid #aaa; font-size: 11px; line-height: 17px;}
#liste td div.annonce_pro { background: url(/images/picto_pro_part.png) no-repeat left top; padding: 0 0 0 45px; }
#liste td div.annonce_part { background: url(/images/picto_pro_part.png) no-repeat left bottom; padding: 0 0 0 45px; }
.niveau_co2 { background: url(/images/picto_niveau_co2.png) no-repeat right top; height: 21px; display: block; }
.co2_a { background-position: 50% 0px; }
.co2_b { background-position: 50% -21px; }
.co2_c { background-position: 50% -42px; }
.co2_d { background-position: 50% -63px; }
.co2_e { background-position: 50% -84px; }
.co2_f { background-position: 50% -105px; }
.co2_g { background-position: 50% -126px; }

/* Tableau des modèles */
#ListAnnModeles a { color: #000000; text-decoration: none; display: block; }
#ListAnnModeles a:hover { color: #0000ff; }
/* Vignette TOP ANNONCE */
#liste td td { border: 0; padding: 0; }
/* Topliste */
.topliste_table { background: #FFF; border:1px solid #e2e2e2; border-collapse: collapse; }
.topliste_table td { padding: 3px; border: 0; }
td.topliste_picto { width:30px; padding: 0; background: url(/images/btn_top_annonces.jpg) no-repeat left top; }
.topliste_logo { width: 102px; height: 25px; }
.topliste_content { width: 102px; position: relative;}
.topliste_content img { display: block; }
.topliste_content img:hover { opacity: 0.7; }
a.topliste_title {color: #000; font-weight: normal; font-size: 10px; display: block; text-align: center;}
.topliste_title strong {font-weight: normal; }
.topliste_price {color: #FFF; font-size: 11px; font-weight: bold; position: absolute; z-index: 10; background: #000; opacity: 0.6; bottom:0; padding: 2px; width: 98px;text-align: center; display: block;}
/* Alerte email */
#liste .alerte td, #liste .thead td { background: #37b3b9;background: -webkit-gradient(linear, left top, left bottom, from(#37b3b9), to(#288186));background-image: -moz-linear-gradient(top, #37b3b9, #288186); color: #ffffff; padding: 4px; font-size: 11px; }
#liste .alerte h3 {margin: 0; font-size: 16px; }
#liste .alerte input {padding: 8px; font-size: 16px;border-radius: 5px;border:0; }
#liste td.alerte_left {background: url(/images/yellow_mail.png) no-repeat 4px -5px; padding: 0 55px;}
#liste td.pager { padding: 0; }
#liste td.pager ul { list-style: none; margin: 0; padding: 0;}
#liste td.pager li { display: inline; float: left; }
#liste td.pager a { display: block; line-height: 32px; padding: 0 7px; color: #FFF; font-weight: bold; font-size: 14px; text-shadow: 1px 1px 0 #333; }
#liste td.pager a:hover { background: #656565; }
#liste td.pager a.current  {background: #CC2C25;}
#liste td.pager a.disabled  {color: #AAA;}
#liste td.pager a.disabled:hover  {background: none;}
a.backToTop { text-decoration: underline; color: #000; font-weight: normal; line-height: 30px; font-size: 11px; }