body { padding: 0; margin: 0; background: #F8F8F8;font-family: Arial; font-size: 12px; } img { border: 0; } .clear { clear: both; } h1 { font-size: 18px; color: #6cbafc; font-weight: bold;text-transform: uppercase; } h2 { margin: 0 0 5px 0; height: 14px; font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase; padding-left: 16px; background: url(../../images/structure/puce_h2.gif) no-repeat left 2px;} * {outline: none;} dl, dt, dd, ul, li {margin: 0;padding: 0;} a.block50 { display: block; width: 50%;float:left; } blockquote.travaux { background: url(../../images/buddy_travaux.gif) no-repeat left top; padding: 20px 0 0 240px; font-size: 13px; height: 286px;width:350px;float:left; } blockquote.travaux h3{ font-size: 15px; font-weight: bold; color: #d7560b; } /* ========================= HEADER ==========================*/ #header { height:180px; background: url(../../images/structure/bg_header_bar.gif) repeat-x left top; margin:0; position: relative;} #header { margin: 0; } #headerWrapper { width: 1000px; margin: 0 auto; background: url(../../images/structure/bg_header_car.gif) no-repeat right 1px; height: 153px; } #redBar { height: 28px; background: url(../../images/structure/bg_red_bar.gif) repeat-x; margin: 0; padding: 0; } #redBarWrapper { width: 1000px; margin: 0 auto; text-align: right; background: url(../../images/structure/bg_red_bar_car.gif) no-repeat right top; height: 28px;} /* ========================= MENU ==========================*/ #menu {width: 1000px; margin: 1px auto 0 auto; height: 31px;} #menu ul { list-style: none; margin: 0;} #menu ul li { display: inline; float: left; width: 114px; height: 31px; margin-right: 10px; } #menu ul .home{ display: inline; float: left; width: 41px; height: 31px; margin-right: 10px; } #menu ul li a { font-size: 16px; color: #c71a0e; text-decoration: none; display: block; width: 114px; height: 26px; padding-top: 5px; text-align: center; font-weight: bold; background-image: url(../../images/structure/onglet.gif); background-repeat: no-repeat; background-position: left bottom; } #menu ul .home a {padding-top: 5px; width: 41px; height: 26px;display: block;background-image: url(../../images/structure/home.gif);background-repeat: no-repeat; background-position: left bottom;} #menu ul li a:HOVER, #menu ul li a.current {background-position: left top; color: #FFF; } #menu ul .home a:HOVER, #menu ul .home a.current {width: 41px; height: 26px; background-image: url(../../images/structure/home_hoover.gif); color: #FFF; background-position: left bottom;} /* ========================== WRAPPER =======================*/ #mainOmber {width: 998px; margin: 0 auto; background: #FFF url(../../images/structure/bg_page.gif) repeat-y left top;} #wrapper {width: 990px; margin: 0 auto;} #padding {padding: 4px 10px 0px 10px;} #carWheel { background:transparent url(../../images/structure/car_wheel.gif) no-repeat scroll right top; width:990px; height:10px;} #wrapper .pub{width:990px;height:96px; margin-top:5px;} #wrapper .pubLeft{display:inline; float:left; margin-left:6px; width:728px; background: transparent url(../../images/structure/cadrepub.png);} #cadre_login{ display:inline; background-image: url(../../images/fond_login.gif); background-repeat:no-repeat; color:#a8a8a8; font-size:10px; float:right; width:230px; height:80px; margin-right:6px; padding-top:12px;} #slogan {width:990px;text-align:right;position:absolute;} /* ========================= FOOTER ==========================*/ #footer {background: #292929 url(../../images/structure/footer_gene.gif) no-repeat center; height: 151px;} #footer_bar {background:transparent url(../../images/structure/footer_bar.gif) repeat-x scroll left center; color: #092768; clear:both; font-size:12px; height:19px; margin:0 auto; padding:4px 0 0 4px; width:988px;} #footer #footer_int {width:992px; margin:auto; height:127px; background: url(../../images/structure/footer_int.gif) top;} #footer table {width:640px;margin:auto;height:127px; padding-left:20px;float:left;margin-top:-15px;_margin-top:5px;-margin-top:5px;} #footer td {color: #DDDDDD; width:180px; font-size: 11px;vertical-align:top;} #footer td.separator {background: url(../../images/structure/footer_sep.gif) no-repeat bottom;padding-right:20px;padding-left:20px;width:30px;} #footer td h3 { font-size: 18px; } #footer td a { color: #6d6d6d; text-decoration: none;} #footer td li { color: #6d6d6d;list-style-image : url(../../images/structure/puce.gif) ;margin-left:25px;} #footer td li a { color: #6d6d6d; text-decoration: none;} #footer td li a:HOVER, #footer td a:HOVER {color: #FFF; } /* ========================= TOP CARS =========================*/ #topCars {margin-top: 10px;} #topCars div.car { width: 100px; float: left;text-align:center; margin: 0 18px 0 18px;} #topCars div.car a { text-decoration:none;color:#297fe1;} #topCars div.car img { border:0; height: 67px; display:block;} /* ========================= MAIN =========================*/ #main {width: 982px; margin: 0 auto;} #main h1{margin:0 0 20px;} /* ========================= MiniSearch ==========================*/ #miniSearch {background:#0D4875 url(../../images/structure/bg_red_bar.gif) repeat-x scroll 0 -10px; color:#FFFFFF; margin-bottom:10px; padding:0 0 0 60px; width:235px;} #miniSearch form { line-height: 19px;padding-top:20px;} #miniSearch .dessus{color:#5d5c5c; margin:0 auto; width:180px;} #miniSearch .dessus:hover{color:#1f72ae;} #miniSearch label { font-weight:bold; font-size: 12px;} #miniSearch label:hover { font-weight:bold; font-size: 12px; } #miniSearch select { width: 180px; border:0;} #ajax-loader {display: none;} /* ========================= MaxiSearch ==========================*/ /* #maxiSearch {width: 450px; margin: 0; float: left;} */ #maxiSearch ul {margin: 0;list-style: none;} #maxiSearch div#panel_acheter div#gauche {float:left; height:160px; margin-left:40px; width:200px; display: inline; } #maxiSearch div#panel_acheter div#droite {float:right; width:180px; height:160px; margin-right:20px;} #maxiSearch div#panel_acheter div#bas {clear:both; height:50px; width:425px; padding:5px 0 0 10px;} #maxiSearch div#panel_acheter {color: #FFF; font-size: 12px; margin:5px 0 0;} #maxiSearch form { line-height: 18px;} #maxiSearch label { font-weight:bold;color: #FFF; font-size: 12px; width: 120px; display: inline; float: left;} #maxiSearch select { width: 150px; color: #3d3d3d; } #maxiSearch input.texte { color:#3D3D3D; height:15px; margin:0; padding:0; width:59px;} #ajax-loader {display: none;} /* ========================= Top recherches ==========================*/ #topSearch { width: 258px; height: 135px; padding: 10px; background: url(../../images/structure/bg_top_recherches.gif) no-repeat right top; } #topSearch h2 { font-size: 14px; color: #FFFFFF; font-weight: bold; margin-top: 0; background: none; padding:0; } #topSearch ul { margin: 0; list-style: none; clear: both;} #topSearch li {font-size: 11px; display: inline; float: left; margin-right: 8px; height: 20px;} #topSearch li a{color: #333333;} #topSearch li.marque a { text-align: right; color:#FFFFFF; font-weight: bold; text-decoration: none;} /* ========================= Dernières annonces ========================*/ .lastAnnonces { width: 100%; background: #FFFFFF; } .lastAnnonces div.annonce { width: 122px; float: left; height: 104px;text-align: center;font-size: 11px; padding: 4px 6px 2px 6px; background: url(../../images/cadre_annonce.gif) no-repeat; margin-bottom: 4px; } .lastAnnonces div.annonce img { width: 86px; } .lastAnnonces div.annonce a { color: #000; text-decoration: none; } /* ========================= Sélection annonces ========================*/ .selectionAnnonces { width: 300px; background: #FFFFFF; float: left; } .selectionAnnonces div.annonce_gd { width: 158px; float: left; height: 135px;text-align: center;font-size: 11px; padding: 2px 6px 2px 6px; background: url(../../images/cadre_annonce_gd.gif) no-repeat; margin-bottom: 4px; } .selectionAnnonces div.annonce_gd img { width: 120px; } .selectionAnnonces div.annonce_gd a { color: #000; text-decoration: none; } /* ========================= Pages Annonces : mainLeft : table LISA ========================*/ #annoncesMainLeft{ width: 670px; float: left; display: inline; margin: 0 0 0 2px;} #lisaModelesTitre {background: url(../../images/structure/bg_modeles.gif) no-repeat left top; height:31px; width:982px;} #lisaModeles ul {list-style: none;} #lisaModeles li {list-style: none; display:inline; float:left; margin-left:55px; width:138px;} #lisaModeles a { font-size:12px; font-weight:bold; color: #0C4774; text-decoration: none; float:left; margin: 0 10px 0 0; } #lisaModeles a:HOVER {color: #AB180C; text-decoration: underline; } #lisaModeles { background: #E6F5FF ; border: 1px solid #DDDDDD; padding:0; margin:0 auto 20px; } .legend { padding: 0; margin: 0;} .legend td { font-size: 11px;} .legend td.ico { width: 40px; text-align: left; vertical-align: middle;} .legend td.ico img { display: inline;} .legend td.def { width: 160px; text-align: left; vertical-align: middle;} .lisaTable { width: 670px;float:left; margin: 0 auto; padding: 0; margin: 0;border-collapse: collapse; border-left: 0px solid #DDDDDD; border-right: 0px solid #DDDDDD; } .lisaHead { height: 31px;border:0px;} .lisaFoot {background: ;height:22px; color: #000; font-size: 12px; padding-left: 5px;} .lisaFoot a{font-size: 11px; height: 22px; width: 21px; margin-left: 4px; font-weight: bold; color: #999999; text-decoration: none; display:block;} .lisaFoot a:HOVER{font-size: 11px; height: 22px; width: 21px; font-weight: bold; color:#a5b3bf; text-decoration: none; display:block;} .lisaFoot .premier{background: url(../../images/structure/premier.gif) no-repeat; height: 22px; width: 21px;padding:3px;} .lisaFoot .precedent{background: url(../../images/structure/precedent.gif) no-repeat; height: 22px; width: 21px;padding:3px;} .lisaFoot .suivant{background: url(../../images/structure/suivant.gif) no-repeat; height: 22px; width: 21px;padding:3px;} .lisaFoot .dernier{background: url(../../images/structure/dernier.gif) no-repeat; height: 22px; width: 21px;padding:3px;} .lisaFoot .current{background: url(../../images/structure/nav_10.gif) no-repeat; height: 22px; width: 21px;padding:3px;} .lisaFoot .current1{background: url(../../images/structure/nav_100.gif) no-repeat; height: 22px; width: 30px;padding:3px;} .lisaFoot .current2{background: url(../../images/structure/nav_1000.gif) no-repeat; height: 22px; width: 38px;padding:3px;} .lisaFoot .current3{background: url(../../images/structure/nav_10000.gif) no-repeat; height: 22px; width: 43px;padding:3px;} .lisaFoot .current:HOVER{background: url(../../images/structure/nav_hoover.gif) no-repeat ; height: 22px; width: 21px;} .lisaFoot .current1:HOVER{background: url(../../images/structure/nav_hoover1.gif) no-repeat ;height: 22px; width: 30px;} .lisaFoot .current2:HOVER{background: url(../../images/structure/nav_hoover2.gif) no-repeat ;height: 22px; width: 38px;} .lisaFoot .current3:HOVER{background: url(../../images/structure/nav_hoover3.gif) no-repeat ;height: 22px; width: 43px;} .lisaHead th { font-size: 12px; color: #FFF; } .lisaHead th a { font-size: 12px; color: #FFF; } .asc, .desc { display: block; height: 23px; padding: 4px 0 0 0; text-align: center; width: 100%; } .asc { background: transparent url(../../images/bg_ASC.gif) no-repeat scroll 0 6px; } .desc { background: transparent url(../../images/bg_DESC.gif) no-repeat scroll 0 6px; } .row0, .row1, .rowPub { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; height: 68px;} .row0 { background: #FFFFFF;} .row1 { background: #fafdff; } .rowOver { background: #e6f5ff; } .row0 td, .row1 td, .rowPub td{ border-bottom: 1px solid #DDDDDD; font-size: 12px; } .rowPub { padding: 0;} .rowPub td { padding: 0;} .lisaTdPhoto { width: 80px; font-size: 11px; color: #CCCCCC} .lisaTdPhoto img { height:60px; width:80px; } .lisaTdPhoto a { display:block; font-size:11px; font-weight:bold; height:60px; margin-left:3px; text-transform:uppercase; width:80px; color: #00a1fe; } .lisaTdMain { text-transform: uppercase; padding: 4px 3px 4px 4px; } .lisaTdMain a{ text-transform: uppercase; font-size: 12px; color: #00a1fe; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #333333;} .lisaTdMain a:HOVER { color: #9c1433; } .lisaTable td.motor { text-align: center;} .lisaTable td.km {text-align: center; } .lisaTable td.annee {text-align: center; } .lisaTable td.dep {text-align: center; } .lisaTable td.prix {text-align: center; color: #9c1433; font-weight: bold; line-height: 24px;} .lisaTable #liste_mod a{ text-decoration:none;color:#3a3a3a; } .lisaTable #liste_mod a:hover{ text-decoration:none;color:#6cbafc; } .reduc { background: #FF0000; color: #FFF; } .lisaTable tr.rowPub td { padding:0 0 0 0; } .lisaPub { margin: auto 0; height:60px; } .btnSelection { margin-top: 6px; display: block;} .btnSelection a { text-decoration: none; border: 0;font-size:11px;} .btnSelection a:HOVER { text-decoration: underline;} .allModeles { padding: 5px; border: 1px solid #999999; background: #FAFAFA; } .allModeles ul { list-style: none; margin: 0; } .allModeles ul li { display: inline; width: 25%; float: left; } .allModeles ul li a { color: #000; font-size: 11px; } /*============================ Pages Annonces : mainRight =============================*/ #annoncesMainRight { float: right; display:inline; width: 300px; margin: 0 2px 0 0;} /*============================ Pages Annonces : lisaNavLink =============================*/ #lisaNavLink{ color:#9c1433; font-weight:bold; font-size:12px; clear: both; width: 670px; text-align: center; padding:10px 0 0; } #lisaNavLink a { color:#9c1433; margin-right:5px; padding:2px 3px; text-decoration:none;} #lisaNavLink .current { background:#00A1FE; color:#FFF; } #lisaNavLink a:HOVER { background:#00A1FE; color:#FFF;} /*============================ Détails d'une annonce =============================*/ #detAnn{width:662px; float:left; margin:0 0 0 5px;} #detAnn_header {color:#136AA9; font-size:18px; font-weight:bold; height:80px; margin:0 auto; padding-top:5px; text-transform:uppercase; width:650px;} #detAnn_header .titre { font-size: 18px; font-weight: bold; text-transform: uppercase;color:#136aa9; } #detAnn_header .prix { font-size: 16px; font-weight: bold; color: #bc190d } #detAnn_header .pro{ float: right; width: 125px; height: 53px; display: block; } #detAnn_header .pro img{ display: inline; float: none; margin-right: 2px;} #detAnn_header_Titre { float:left; } #detAnn_header #lien_pub { float: right; width: 400px; margin-top:15px; display: inline;} #detAnn_header #lien_pub img { float:right; display:block; } #detAnn_header #lien_pub a { display: block; text-align: right; color:#9c1433; font-weight:bold; font-size:12px; clear: both; } #detAnn_menu ul { list-style: none; margin:0px;} #detAnn_menu ul li { display: inline; float: left;} #detAnn_menu ul li .detail { font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 126px; height: 50px; text-align: center; background-image: url(../../images/structure/annonce_gauche.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li .photos { font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 119px; height: 50px; text-align: center; background-image: url(../../images/structure/annonce_centre1.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li .vendeur { font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 120px; height: 50px; text-align: center; background-image: url(../../images/structure/annonce_centre2.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li .autre { font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 151px; height: 50px; text-align: center; background-image: url(../../images/structure/annonce_centre3.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li .vide { font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 146px; height: 50px; text-align: center; background-image: url(../../images/structure/annonce_droite.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li a:HOVER.detail{ font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 126px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_gauche.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li a:HOVER.photos{ font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 119px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_centre1.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li a:HOVER.vendeur{ font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 120px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_centre2.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li a:HOVER.autre{ font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 151px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_centre3.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li a:HOVER.vide{ font-size: 14px; color: #5d5d5d; text-decoration: none; display: block; width: 146px; height: 50px; text-align: center; background-image: url(../../images/structure/annonce_droite_hover.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li .current_detail {font-weight:bold; font-size: 14px; color: #4c9ad5; text-decoration: none; display: block; width: 126px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_gauche.gif); background-repeat: no-repeat; background-position: left ; } #detAnn_menu ul li .current_photos { font-weight:bold;font-size: 14px; color: #4c9ad5; text-decoration: none; display: block; width: 119px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_centre1.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li .current_vendeur {font-weight:bold; font-size: 14px; color: #4c9ad5; text-decoration: none; display: block; width: 120px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_centre2.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li .current_autre {font-weight:bold; font-size: 14px; color: #4c9ad5; text-decoration: none; display: block; width: 151px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_centre3.gif); background-repeat: no-repeat; background-position: left; } #detAnn_menu ul li .current_vide {font-weight:bold; font-size: 14px; color: #4c9ad5; text-decoration: none; display: block; width: 146px; height: 50px; text-align: center; background-image: url(../../images/structure/current_annonce_droite_hover.gif); background-repeat: no-repeat; background-position: left; } #detAnn_panel { background:transparent url(../../images/structure/fond_detail.gif) repeat-x scroll center bottom; border-left:1px solid #BCBCBC; border-right:1px solid #BCBCBC; border-bottom:1px solid #BCBCBC; font-size:12px; width:660px; clear:both;} #detAnn_panel table td{ vertical-align: top; } #detAnn_panel #photos { margin-left:5px; width:280px; } #detAnn_panel .miniatures {margin:5px 6px 0 0;} #detAnn_panel h3 { background:transparent url(../../images/structure/trait_detail.gif) no-repeat scroll right bottom; color:#2E86E7; font-size:18px; font-weight:bold; margin:15px 5px 0 0; } #detAnn_panel h3.left { background:transparent url(../../images/structure/trait_detail_gauche.gif) no-repeat scroll left bottom; margin:0 0 10px 5px; } #detAnn_panel #commentaires {background:#fffbe2;border:1px solid #ffda99;margin:10px; padding:10px;} #detAnn_data { clear:both; float:right; margin:22px 15px 0 10px; width:345px; display:inline;} #detAnn_data tbody {float:right;} #detAnn_data td { width: 172px; font-size: 11px; border-bottom:1px dotted #b2b2b2; } #detAnn_data td.label { color: #136AA9; } #detAnn_data td.content { color: #9C1433; text-align: right; } #detAnn_panel #optionsPub {width:232px height:58px; float: right; display: inline; margin: 10px 10px 0 0; } #detAnn_panel #btn {height:95px; margin:0 0 10px; width:254px; } #detAnn_panel #btn a {float:left; height:95px; margin:0 0 0 15px; width:112px;} #detAnn_panel #contactAddress {margin: 0 0 10px 5px; color:#136AA9; } #detAnn_panel .parc { background:transparent url(../../images/structure/btn_voir_parc.gif) no-repeat scroll 0 0; color:#4A4A4A; display:block; font-weight:bold; height:23px; padding-top:6px; text-align:center; text-decoration:none; width:236px;} #detAnn_panel .parc:hover {width:236px;height:23px; display:block; color:#bf0000; background: url(../../images/structure/btn_voir_parc_hover.gif) no-repeat;font-weight:bold;text-align:center;text-decoration:none;padding-top:6px;} #detAnn_panel #footerPub {width: 468px; margin: 15px auto 10px auto; clear:both; } #detAnn_panel table#lisaSim { margin:0 0 10px 10px; width:640px;} #liste_options { margin: 0; list-style: none;padding-left:65px;} #liste_options li { display: inline; width: 175px;float:left; font-size: 12px; background:url(../../images/coche.gif) no-repeat left 3px; padding-left: 15px; } #formEcrire fieldset {margin: 0 auto; background: #FFFFFF; border: none;line-height: 13px; } #formEcrire fieldset .droite {float: right; width: 250px;padding: 5px;} #formEcrire fieldset .gauche {float: left; width: 310px;border-right: 1px dashed #1793ce; } #formEcrire label { width: 120px; float: left; font-weight: bold; } span#compteur { float: right;font-size: 11px; display: block; width: 170px;} #btnsContact { width: 505px; font-size: 12px; float: left;color:#4a4a4a } #btnsContact h3{color:#136aa9;} #btnsContact img { margin: 1px;} #btnsContact .parc a {text-decoration:none;color:#4a4a4a;} #btnsContact .parc a:hover {text-decoration:none;color:#c41a0e;} #cadre_infi_vendeur {background: no-repeat scroll 0 0; color:#136AA9; font-size:18px; margin:15px 0 0 15px; } #cadre_infi_vendeur #cadre_infi_text {background: url(../../images/structure/cadre_infi_vendeur.gif); float:left; width:500px; height:85px; } #cadre_infi_vendeur #cadre_infi_text p {margin: 12px 0 0 90px;} #cadre_infi_vendeur img { float: right; } #cadre_infi_vendeur a img { float: none; } #cadre_infi_vendeur a.btn { float: left; width:112px; height:95px; margin: 25px 9px 0 0; display:inline;} #btnsContact #img_info{margin-left:-6px;} #coordonnees {width: 145px;height:400px;float: right;text-align:center;padding-top:15px;background: url(../../images/structure/bonhomme_info.gif) no-repeat;background-position:0px 200px; } #annonce_info {border: 1px solid #DDDDDD; } #annonce_info .titre { font-size: 16px; font-weight: bold; text-transform: uppercase;color:#136aa9; } #annonce_info .prix { font-size: 14px; font-weight: bold; color: #bc190d } #annonce_info .pro{ float: right; width: 125px; height: 53px; display: block; } #annonce_info .pro img{ display: inline; float: none; margin-right: 2px;} .captcha { background: #fffbe2; padding: 3px; height: 62px; width: 300px;margin:auto; } .captcha input { font-size: 16px; background:#FFFFFF; color: #000000; font-weight:bold; border: 1px solid #000000; } #captcha { float:left; border: 1px solid #000000;margin-right: 10px;} /*============================ Résultats supplémentaires =============================*/ .noResult { height: 160px; padding: 20px 20px 20px 180px; background: #000000 url(../../images/buddy_search.gif) no-repeat left top; color: #FFFFFF; font-size:12px; } .noResult span { font-size: 18px; font-weight: bold; } .noResult a { color: #187de2;} .moreResults ul.marques { margin: 0 0 5px 10px; list-style: square;} .moreResults ul.marques li { display: inline; width: 25%; float: left; list-style: square} .moreResults ul.marques li a{color: #000; font-size: 11px; text-decoration: none;} .moreResults ul.marques li a:hover{color: #b0042b} /*============================ Historique annonces consultées =============================*/ .history div.annonce { font-size: 11px; display: block; margin-bottom: 3px; background: #4a4d53; border: 1px solid #AAAAAA; color: #EEEEEE; } .history div.annonce a { color: #FFFFFF; font-weight: bold; } .history div.annonce img.photo { float: left; width: 80px; margin-right: 5px; } /*============================ Selection d'annonces =============================*/ #selection{width:260px; margin: 0 auto 10px;} #selection p {float:left; font-size:11px; margin:0;} #selection img#fleche {margin:4px 0 5px 10px;} #selection div.annonce {font-size: 11px; margin-bottom: 3px; background: url(../../images/structure/fond_selection.gif) repeat-x; border: 1px solid #AAAAAA;border-collapse:collapse; color: #000;} #selection div.annonce a { color: #00a1fe; font-weight: bold; } #selection div.annonce img.photo { float: left; width: 80px; margin-right: 5px; } /*============================ Comparateur d'annonces =============================*/ #compare { border:1px solid #DDDDDD;;float:left;} #compare tr.cpheader td.liste { width: 120px; font-size: 10px;} #compare tr.cpheader td{ font-size: 11px; text-align: center;} #compare tr.cpheader td span { color: #9c1433; font-size: 12px; font-weight: bold;} #compare tr.cpheader td a { text-decoration: none; border: 0; color: #000;} #compare tr.cpheader td img.photo{ display: block; border: 0;} #compare td.liste { color:#136AA9; font-weight: bold; text-align: right;} #compare td { color:#9C1433; padding: 2px 5px 2px 5px; background: #FFFFFF none repeat scroll 0 0;} #compare tr.grey td { background: #FAFDFF none repeat scroll 0 0;} #compare tr.cpheader td.rowspan {font-size: 12px; font-weight: bold; color:#b90000;} /*============================ Liste des marques dans la galerie photo =============================*/ .listeMarques li { width: 50%; float: left; } /*============================ Moteur de droite =============================*/ #rightSearch {} #rightSearch fieldset {border: 0; padding: 0; line-height: 8px; font-size: 11px; color: #EEEEEE;} #rightSearch fieldset label { display: inline; float: left; width: 100px; font-size: 11px;} #rightSearch fieldset input { font-size: 11px;} #rightSearch fieldset select { font-size: 11px;} /*============================ Recherche par marque =============================*/ div.miniMarque { width: 20%; height: 120px; float: left; text-align: center; } div.miniMarque img { border: 0; text-decoration: none; display: block; margin: 0 auto; } div.miniMarque a { font-size: 13px; font-weight: bold; color: #9c1433; } table.maxiMarque { width: 100%; padding: 0; border: 0;} table.maxiMarque td { vertical-align: top;} table.maxiMarque td h2 {background: none; padding: 0; font-size: 16px; margin-bottom: 10px;} table.maxiMarque td h2 a{color: #000000; text-decoration: none;} table.maxiMarque td ul {list-style-type: square;padding-left: 5px;margin-left: 25px;} table.maxiMarque td li{list-style-type: square; width: 50%; float: left;} table.maxiMarque td li a{color: #222; text-decoration: none;} table.maxiMarque td li a:HOVER{color: #b0042b; text-decoration: underline;} table.maxiMarque td span a{color: #b0042b; text-decoration: none; font-weight: bold;} table.maxiMarque td span a:HOVER{text-decoration: underline;} /*============================ Animtion JS =============================*/ #animJs { width: 400px; height: 290px; background: url(../../images/bg_animjs.gif) no-repeat 20px top; overflow: hidden; position: relative; } #animJs .imageElement {position: relative; width: 275px; height: 170px; overflow: hidden; margin: 8px auto 0 auto; left: 20px; } #animJs .imageElement img { width: 255px; border: 1px solid #666; } #animJs .visible { display: block; } #animJs .detailsJs { height: 32px; width: 257px; position: absolute; bottom: 0; z-index: 15; background: transparent url(../../images/bloc_liens_transparent.png); text-align: center; color: #FFF; font-size: 11px; } #animJs .detailsJs h3, #animJs .detailsJs h3 a { font-size: 12px; text-align: center; color: #ffc807; font-weight: bold; margin: 0; text-decoration: none; } #animJs .detailsJs span { color: #ac032a; font-weight: bold; } #animJs #caroussel { height: 80px; width: 100%; position: absolute; left: 45px; top: 195px; } #animJs #thumbs { background: #FFFFFF; width: 283px; float: left; height: 64px; position: relative; overflow: hidden; border: 1px solid #FFF; } #animJs #thumbs img { display: inline; margin: 0 2px 10px 2px; } #animJs #thumbs img.filter{ filter : alpha(opacity=70);-moz-opacity : 0.7;opacity : 0.7; } #animJs #thumbs1 { height: 80px; position: absolute; } #animJs #btnLeft { display: block; float: left; width: 19px; height: 56px; background: url(../../images/btn_jsLeft.gif) no-repeat left bottom; margin-top: 4px; margin-right: 3px; } #animJs #btnRight { display: block; float: left; width: 19px; height: 56px; background: url(../../images/btn_jsRight.gif) no-repeat left bottom; margin-top: 4px; margin-left: 3px; } #animJs #btnLeft:HOVER, #animJs #btnRight:HOVER { background-position: left top; } /*============================== Galerie ==============================*/ #galerie .tipContent { display: none; } #galerie a img { width: 150px; float: left; margin: 10px; } /* ============================ BArre de navigation ========================*/ #navBar { height: 29px; background: url(../../images/nav_bg.gif) repeat-x; display: block; width: auto;} #navBar span { height: 27px; padding: 2px 0 2px 0; float: left; display: block; margin: 0; } #navBar span.left { width: 5px; height: 27px; background: url(../../images/nav_left.gif) no-repeat; padding: 0;} #navBar span.right {float: right; width: 5px; height: 27px; background: url(../../images/nav_right.gif) no-repeat; padding: 0;} #navBar span a { height: 22px; padding: 3px 10px 0 10px; color: #ffb108; font-weight: bold; font-size: 12px; display: block; float: left; border-right: 1px solid #AAA; text-decoration: none; } #navBar span a:HOVER { background: url(../../images/nav_hover.gif) repeat-x; } #navBar span a.current { background: url(../../images/nav_hover.gif) repeat-x; color: #FFF; } #navBar span.recap { padding-top: 6px; color: #FFF; } /*============================== Formulaire contact ==============================*/ #contact fieldset { border: 0; padding-left: 5px; } #contact fieldset h3 { font-weight: bold; font-size: 16px; color: #2e86e7; margin-bottom: 10px; } #contact label { width: 120px; float: left; display: inline; } /*============================== Pages RSS ==============================*/ #subscribeRss { height: 95px; width: 520px; padding: 100px 10px 5px 150px; background: url(../../images/structure/bloc_flux_RSS.jpg) no-repeat left top; } #subscribeRss h2 { color: #80000a; font-size: 16px; font-weight: bold; background: none; text-transform: none; margin: 0 0 5px 0; padding: 0; } a.linkRss { display: block; color: #FFF; height: 15px; background: url(../../images/rss.gif) no-repeat left top; padding-left: 19px; margin: 10px 0 0 0;} a.linkRss33{ display: block; height: 15px; width: 30%; float: left; background: url(../../images/rss.gif) no-repeat left top; padding-left: 19px; margin-bottom: 3px; color: #000; text-decoration: none;} a.linkRss33:HOVER{ text-decoration: underline;} #rssPerso {width: 686px; height: 40px; padding-top: 80px; background: url(../../images/structure/bloc_flux_RSS_perso.jpg) no-repeat left top;} #rssPerso a { display: block; width: 198px; height: 28px; background: url(../../images/structure/btn_RSS_perso.gif) no-repeat; color: #FFF; margin: 0 auto; font-weight: bold; text-align: center; text-decoration: none; padding-top: 6px; } /*============================== Flux Perso ==============================*/ #leftCriteria {width: 295px; border: 1px solid #888; height: 250px; overflow: auto; float: left; margin-right: 25px; padding: 15px; background: #EEE; } #rightCriteria {width: 295px; border: 1px solid #888; height: 250px; overflow: auto; float: left; padding: 15px; background: #EEE;} #rightCriteria span, #leftCriteria span {font-weight: bold; font-size: 14px;} #linkRss a.run { display: block; height: 32px; width: 400px; margin: 0 auto; background: url(../../images/run.gif) no-repeat left top; font-size: 20px; padding-left: 40px; font-weight: bold; color: #18b905 } .criteria { background: #DDD; border: 1px solid #CCC; padding: 7px 3px 3px 27px; background-position: 5px 6px; background-repeat: no-repeat; height: 18px; margin-bottom: 5px; } .add { background-image: url(../../images/add.gif); } .expend { background-image: url(../../images/add.gif); } .remove { background-image: url(../../images/remove.gif); } .highlight { background-color: #D2D2D2; cursor: pointer; } span.titre { font-size: 12px; font-weight: bold; } span.cancel { display: block; width: 60px; background: url(../../images/cancel.gif) no-repeat left top; padding-left: 20px; font-size: 12px; font-weight: bold; float: right; } /*============================ Index : Main =============================*/ #menu_gauche{ float:left; width:243px; font-weight:bold;} #menu_gauche a{ color:#0c4774; text-decoration:none; display:block;} #menu_gauche a:HOVER{ color:#AB180C; text-decoration:none;} #menu_gauche table{ width:243px; border-collapse:collapse;} #menu_gauche td{padding-left:45px;} #menu_gauche tr a {} #menu_gauche .debut{width:239px; height:30px; font-weight:bold; background-image: url(../../images/structure/menu_gauche_tr_debut.gif); background-repeat:no-repeat;} #menu_gauche .mil1{width:239px; height:32px; font-weight:bold; background-image: url(../../images/structure/menu_gauche_tr_mil1.gif); background-repeat:no-repeat;} #menu_gauche .mil2{width:239px; height:31px; font-weight:bold;background-image: url(../../images/structure/menu_gauche_tr_mil2.gif); background-repeat:no-repeat;} #menu_gauche .mil3{width:239px; height:27px; font-weight:bold; background-image: url(../../images/structure/menu_gauche_tr_mil3.gif); background-repeat:no-repeat;} #menu_gauche .fin{width:239px; height:29px; font-weight:bold; background-image: url(../../images/structure/menu_gauche_tr_fin.gif); background-repeat:no-repeat;} #part{background-image:url(../../images/structure/fond_part.gif); background-repeat:no-repeat; height:328px; width:239px; padding:6px 0 0 0;} #part a{margin-left:auto; padding-left:35px;} #acc_droite{float:right; height:257px; width:738px;} #gauche_ac{float:left; display: inline; margin:10px 0 0 20px; width:234px; height:247px; background-image: url(../../images/structure/content_gauche.gif); background-repeat:no-repeat; text-align:center; padding-top:10px; font-weight:bold;} #gauche_ac .texte_ref{color:#474747; line-height:14px; margin:0 auto; padding:0; text-align:justify; width:170px;} #gauche_ac h2 { font-weight:normal; margin:0; padding:0; background: transparent; text-transform:uppercase; height:auto; font-weight:bold;} #rech{background:#0D4875 url(../../images/structure/bg_red_bar.gif) repeat-x scroll 0 -10px; display:inline; float:right; height:280px; margin:0 16px 0 0; padding:0px; width:451px;} #bas_index{float:right; width:738px; font-weight:bold; margin: 30px 0 0 0;} #barre_bleue{width:400px; background-image: url(../../images/structure/barre_bleue.gif); background-repeat:repeat-x; height:34px; color:white; font-size:15px; padding-top:15px; padding-left:10px;} #cadre_vignette{width:410px; float:left; margin:0 0 0 9px; display: inline;} #cadre_vignette table { width: 100%;} /* #cadre_vignette table{ width:410px; height:200px;} */ #pub{float:right; width:300px; height:250px; margin-top:0px; margin:0 9px 0 0; display: inline; background-image: url(../../images/structure/cadrepubcarre.png);} #cadre_vignette td{ text-align:center; border:1px solid #0C4874; } #cadre_vignette td:hover{ text-align:center; border:1px solid #06F; background-color:#F7F7F7; } #cadre_vignette a{ text-decoration:none; color:#0C4874; font-size:10px; } #haut_ecrire{ width:550px; height:220px; margin:auto; } /*============================== Styles de DIV ==============================*/ #coordonees{ float:left; width:290px; padding-left:5px; height:271px; } #coordonees:hover{ float:left; width:290px; background-color:#fffbe2; padding-left:5px; height:271px; } #message{ float:right; width:320px; height:271px; } #message textarea{ border: 1px solid #7f9db9; width:302px; height:163px; margin-right:5px; } #message:hover{ float:right; width:320px; background-color:#fffbe2; height:271px; } #message:hover textarea{ background-color:#FFF; border: 1px solid #7f9db9; width:302px; height:163px; } .btn_mail{ background-image:url(http://voiture-import.com/images/btn_envoimail.gif); background-repeat:no-repeat; width:240px; height:41px; margin: 0 auto; display:block; } .btn_mail:hover{ background-image:url(http://voiture-import.com/images/btn_envoimail.gif); background-position: 0 -41px; background-repeat:no-repeat; margin: 0 auto; width:240px; height:41px; display:block; } /*============================== Styles de LIENS ==============================*/ .lien_coordonees{ color:#AB180C; text-decoration: none; } .lien_coordonees:hover{ text-decoration: underline; }