/* CSS Document */ body{ text-align:left; } h2 { font-size: 100%; text-align: left; font-weight:normal; color:#000000; padding: 0px 0px 0px 0px; margin:0; margin: 0 0 0 0; } h3 { font-size: 100%; text-align: left; font-weight:normal; color:#000000; padding: 0px 0px 0px 0px; margin:0; display: inline; margin: 0 0 0 0; } td {font-size: 12px; font-family: Arial, Helvetica, sans-serif;} .hand {cursor:pointer;} .cell {cursor: pointer; font-size: 11px; font-weight: bold; color: #3971b2; text-decoration: none; background-color: #ffffff; cursor: hand;} .cell-over {cursor: pointer; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; background-color: #E0EBF9; cursor: hand;} /* Liens */ a {color: #3971b2; text-decoration: underline;} a:hover {color: #ff0000; text-decoration: underline;} a.amenu {color: #000000;text-decoration: none;} a.amenu:hover {color: #000000;text-decoration: none;} a.lien_menu_index {text-decoration: none;} a.lien_menu_index:hover {color: #000000; text-decoration: none;} a.lienred {color: #ff0000;} a.lienbleu {color: #000000; text-decoration: none;} a.lienbleu:hover {color: #3971b2; text-decoration: underline;} a.liengris {color: #999999; text-decoration: none;} a.liengris:hover {color: #000000; text-decoration: underline;} a.liennoirtogris {color: #000000; text-decoration: none;} a.liennoirtogris:hover {color: #999999; text-decoration: none;} /* Images */ .bord {border: 1 solid #3971b2;} .bordgris {border: 1px solid #999999;} /* Tableaux */ .table_image1 {float: left; padding: 5px; spacing: 0px; border: 0px;} .table_image2 {background-color: #000000;} /* FORMULAIRE */ SELECT {font-size: 10px; color: #000000;} INPUT {font-size: 10px; color: #000000;} TEXTAREA {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} /* BACKGROUND */ .bg-bluedark {background-color: #3971b2;} .bg-bluemedium {background-color: #91BAE9;} .bg-bluelight {background-color: #E0EBF9;} .bg-red {background-color: #ff0000;} .bg-redlight {background-color: #ffeeee;} .bg-greylight {background-color: #f2f2f2;} .bg-greylightv4 {background-color: #e1e0df;} .bg-greydark {background-color: #999999;} .bg-white {background-color: #ffffff;} .bg-orangelight{background-color: #fff8db;} .bg-vertlight {background-color: #ffeeee;} .fond-filet {background-image: url(); background-repeat: repeat-y; background-position: left; background-color:#FFFFFF;} .fond-sans-filet {background-image: url(../images/accessoires/fond/fond2.gif); background-repeat: repeat-y; background-position: left;} .filet-top {background-image: url(../images/accessoires/fond/lignetop.gif); background-repeat: repeat-x;} .filet-menu {background-image: url(../images/accessoires/barretop/fond-droite.gif); background-repeat: repeat-y; background-position: right;} /* Bordures */ .tiret-bleudark-horiz {border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #3971b2;} .tiret-bleudark-vertic {border-right-width: 1px; border-right-style: dashed; border-right-color: #3971b2;} .tiret-bleudark-coin {border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #3971b2; border-right-width: 1px; border-right-style: dashed; border-right-color: #3971b2;} .tiret-bleulight {background-image: url(../images/accessoires/tiret/tiret-bleulight.gif);} .tiret-red-horiz {border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ff0000;} .bordure-bleudark-right {background-image: url(../images/accessoires/spacer/spacerbleu.gif); background-repeat: repeat-y; background-position: left;} .bordure-red-right {background-image: url(../images/accessoires/spacer/spacerred.gif); background-repeat: repeat-y; background-position: left;} /* TEXTE */ .gris {font-size: 12px; color: #747474; text-decoration: none;} .paoption {font-size: 12px; color: #999999; text-decoration: none;} .grey {font-size: 10px; color: #999999; text-decoration: none;} .noir {font-size: 11px; color: #000000; text-decoration: none;font-weight: normal; } .prix_liste {font-size: 11px; color: #000000; text-decoration: none;font-weight: bold; } .grey:hover {color: #999999; text-decoration: none;} .gras {font-weight: bold;} .small-font {font-size: 10px;} .small-font-gras {font-weight: bold;font-size: 11px; } .blou {color: #3971b2;} .blou-gras {color: #3971b2; font-weight: bold;} .blouns {color: #3971b2; text-decoration: none;} .blou-grasns {color: #3971b2; font-weight: bold; text-decoration: none;} .red {color: #ff0000;} .small-red {font-size: 10px; color: #ff0000;} .red-gras {font-weight: bold; color: #ff0000;} .big-blue {font-weight: bold; color: #3971b2;font-size: 16px;} .big-red {font-weight: bold; color: #ff0000;font-size: 16px;} .maxinoir {font-size: 16px; font-weight: bold; color: #000000; text-decoration: none;font-family: Arial, Helvetica, sans-serif;} .maxigris {font-size: medium; font-weight: bold; color: #747474; text-decoration: none;font-family: Arial, Helvetica, sans-serif;} .ptigris {color: #000000; font-weight:bold; text-decoration: none;font-family: Arial, Helvetica, sans-serif;} .maxibleu {font-size: medium; font-weight: bold; color: #3971b2; text-decoration: none;font-family: Arial, Helvetica, sans-serif;} .maxiorange {font-size: medium; font-weight: bold; color: #FF0000; text-decoration: none;font-family: Arial, Helvetica, sans-serif} .justif-blanc {background-color: #FFFFFF; text-align: justify;} .count-rouge {font-size: 15; font-weight: bold; color: #ff2a2a;} .count-orange {font-size: 15; font-weight: bold; color: #FF5500;} .count-bleu {font-size: 15; font-weight: bold; color: #3971b2;} .count-noir {font-size: 15; font-weight: bold; color: #000000;} .middle-blue {font-weight: bold; color: #3971b2;font-size: 14px; text-decoration: none;} /*TITRE*/ .titre {font-size: 16px; font-weight: bold; color: #3971b2;} .titre-menusside {font-weight: bold; font-size: 12px; color: #FFFFFF; line-height: 15px; letter-spacing: 1px;} .titre-menusside-noir {font-weight: bold; color: #000000; text-decoration: none; line-height: 15px; background-color: #E0EBF9; letter-spacing: 1px;} .titrenoir {font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; background-color: #E0EBF9; padding:3px 3px 3px 3px;} .titregris {font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; background-color: #F2F2F2; padding:3px 3px 3px 3px;} .titre {font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; background-color: #FFFFFF; padding:3px 3px 3px 3px;} /* TITRES-LIENS */ A.titre-big-encart {font-size: 16px; font-weight: bold; color: #3971b2; text-decoration: none;} A.titre-big-encart:hover {font-size: 16px; font-weight: bold; color: #3971b2; text-decoration: none;} A.titre-rouge {font-size: 14px; font-weight: bold; color: #ff0000; text-decoration: none;} A.titre-rouge:hover {font-size: 14px; font-weight: bold; color: #ff0000; text-decoration: underline} A.depot {font-size: 14px; font-variant: small-caps; color: #ffffff; font-weight: bold; text-decoration: none;} A.depot:hover {font-size: 14px; font-variant: small-caps; color: #ffffff; font-weight: bold; text-decoration: none;} A.consult {font-size: 14px; font-variant: small-caps; color: #FFFFFF; font-weight: bold; text-decoration: none;} A.consult:hover {font-size: 14px; font-variant: small-caps; color: #ffffff; font-weight: bold; text-decoration: none;} A.forum {font-size: 24px; color: #3971b2; font-weight: bold; text-decoration: none; font-style: italic;} A.forum:hover {font-size: 24px; color: #FFFFFF; font-weight: bold; text-decoration: none; font-style: italic; font-variant: small-caps;} /* LIENS */ A.bluedark-ns {color: #000000; text-decoration: none;} A.Black-gras-ns {font-weight: bold; color: #000000; text-decoration: none;} A.Black-gras-ns:hover {font-weight: bold; color: #000000; text-decoration: underline;} A.Black-ns {font-weight: normal; color: #000000; text-decoration: none;} A.Black-ns:hover {font-weight: normal; color: #000000; text-decoration: underline;} A.blou-gras-ns {color: #3971b2; font-weight: bold; text-decoration: none;} A.blou-gras-ns:hover {color: #3971b2; font-weight: bold;} A.Blue-ns {font-weight: normal; color: #3971b2; text-decoration: none;} A.Blue-ns:hover {font-weight: normal; color: #3971b2; text-decoration: underline;} A.question_Black-ns {font-size: 10px; font-weight: normal; color: #000000; text-decoration: none;} A.question_Black-ns:hover {font-size: 10px; font-weight: normal; color: #000000; text-decoration: underline;} A.question_red-ns {font-size: 10px; color: #ff0000; text-decoration: none;} A.question_red-ns:hover {font-size: 10px; color: #ff0000; text-decoration: underline;} A.blanc-ns {font-weight:bold ; color: #FFFFFF; text-decoration: none;} A.blanc-ns:hover {font-weight:bold; color: #FFFFFF; text-decoration: underline;} A.leftmenu {font-size: 11px; font-weight: normal; color: #3971b2; text-decoration: none;} A.leftmenu:hover {font-size: 11px; font-weight: normal; color: #3971b2; text-decoration: underline;} A.moyen-bluedark {font-size: 11px; font-weight: bold; color: #3971b2; text-decoration: none;} A.moyen-bluedark:hover {font-size: 11px; font-weight: bold; color: #3971b2; text-decoration: underline;} A.moyen-red {font-size: 11px; font-weight: bold; color: #ff0000; text-decoration: none;} A.moyen-red:hover {font-size: 11px; font-weight: bold; color: #ff0000; text-decoration: underline;} A.red-ns {color: #ff0000; text-decoration: none;} A.red-ns:hover {color: #ff0000; text-decoration: underline;} A.red {color: #ff0000; text-decoration: underline;font-weight: bold;} A.red:hover {color: #ff0000; text-decoration: underline;font-weight: bold;} A.green {color: #006600; text-decoration: underline;font-weight: bold;} A.green:hover {color: #006600; text-decoration: underline;font-weight: bold;} .small-bluedark-s {font-size: 10px; font-weight: normal; color: #3971b2; text-decoration: underline;} .small-bluedark-s:hover {font-size: 10px; font-weight: normal; color: #FF0000; text-decoration: underline;} .small-bluedark {font-size: 10px; font-weight: normal; color: #3971b2; text-decoration: none; line-height: 11px; cursor:pointer} .small-bluedark:hover {font-size: 10px; font-weight: normal; color: #3971b2; text-decoration: underline; cursor:pointer} A.small-black {font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; line-height: 13px;} A.small-black:hover {font-size: 10px; font-weight: normal; color: #000000; text-decoration: underline;} A.small-blou {font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; line-height: 14px;} A.small-blou:hover {font-size: 11px; font-weight: normal; color: #000000; text-decoration: none;} A.small-black-s {font-size: 10px; font-weight: normal; color: #000000; text-decoration: underline;} A.small-black-s:hover {font-size: 10px; font-weight: normal; color: #ff0000; text-decoration: underline;} .onglets {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 10px; cursor:pointer} .onglets:hover {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: underline; line-height: 10px;} A.onglet-blue {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; line-height: 10px;} A.onglet-blue:hover {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; line-height: 10px;} A.onglet-red {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 10px;} A.onglet-red:hover {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: underline; line-height: 10px;} A.white {font-weight: bold; color: #ffffff; text-decoration: none; font-size: 11px;} A.white:hover {font-weight: bold; color: #ffffff; text-decoration: underline;} /* ONGLETS JULES */ .border {height: 22px; border: 1px solid #999999; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #999999; } .border3 {height: 22px; border: 1px solid #999999; border-top-width: 0px; border-bottom-style: solid; border-bottom-color: #999999; } /* NICODOUR */ .fonbleudark {background-color: #3971B2;} .fonblanc {background-color: #FFFFFF;} .fonbleulight {background-color: #E0EBF9;} .blanc {font-weight: bold; color: #FFFFFF;} .titrejaune {font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; background-color: #FFF8DB; padding:3px 3px 3px 3px;} .titreblanc {font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none} input.invisinput {font-family:verdana; font-size:12px; font-weight:bold; align:center; color:#1E61B0; border:#FFFFFF solid 0px; text-align: center;} /***---Mise en avant PA---***/ .tdliste {font-size: 12px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: none;} .tdliste_blanc { background-color:#FFFFFF;font-size: 12px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: none;} .tdliste_gris { background-color:#f2f2f2;font-size: 12px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: none;} .miseenavant {cursor:pointer; font-weight: bold; text-decoration: none;} .miseenavant_star {cursor:pointer; text-decoration: none; background-color:#D3FCD6;} .tri_sel { font-weight:bold;} .overline {text-decoration: line-through;} .main {cursor: pointer;} .lien {color: #3971b2; cursor: pointer;text-decoration:underline;} .lienblackns {color: #000000; cursor: pointer;text-decoration:none;} .lienblacknsmini {font-size: 10px; color: #000000; cursor: pointer;text-decoration:none;} .liengrisns {color: #999999; font-size: 12px;} A.miseavant {color: #ff0000; text-decoration:none;} A.lien_miseavant:hover {color: #ff0000; text-decoration:none;} /*Menu*/ .bgmenu-blue {background-image:url(http://www.321auto.com/images/accessoires/barretop/onglet/blue1-leftside.gif);text-align:center;} .bgmenu-red {background-color: #ff0000;} /* Fin NICODOUR */ /*---TECH-------*/ .erreurformulaire {background-color: #FFF8DB;} .fonb { background-color: #3971b2; text-decoration: none;} .fonw {background-color: #FFFFFF;} .rouge {font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-style: normal; font-weight: bold;} .Rougeacc {font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-style: normal; font-weight: bold; font-size: 12px; text-decoration: none} .orange {font-weight: bold; color: #FF5500;} input.invisinput_pro {font-family: Arial, Helvetica, sans-serif;font-size: 12px;align:center; color:#000000; border:#FFFFFF solid 0px; text-align: center;} input.invisinput_prored {font-family: Arial, Helvetica, sans-serif;align:left;font-size: 12px; font-weight: bold; color: #ff0000; border:#FFFFFF solid 0px; text-align: center;} textarea.invisinput_pro {font-family: Arial, Helvetica, sans-serif;align:left;font-size: 12px; font-weight: bold; color: #000000; border:#FFFFFF solid 0px; text-align: center; overflow:hidden} /*----VN----*/ A.lienvn {font-size: 12px; color: #000000;} A.lienvn:hover {font-size: 12px; color: #000000;} A.bigred-ns {font-size: 15px; font-weight: bold; color: #FF0000; text-decoration: none;font-family: Arial, Helvetica, sans-serif} A.bigred-ns:hover {font-size: 15px; font-weight: bold; color: #FF0000; text-decoration: underline;font-family: Arial, Helvetica, sans-serif} .remisevn {font-size: 12px;font-weight: bold; color: #ff0000;} .prixvn {font-size: 12px; color: #3971b2; font-weight: bold;} A.blanc-vendre {font-weight: bold; color: #ffffff; text-decoration: none;} A.blanc-vendre:hover {font-weight: bold; color: #FFFFFF; text-decoration: none;} .GPS1 {font-size: 12px;font-weight: bold; color: #FF5500;} .promo {font-size:14px; color:#FF0000;cursor: pointer;font-family: Arial, Helvetica, sans-serif} .border01 {height: 22px; color: #3971b2; font-weight: bold; border: 1px solid #999999; border-top-width: 0px; border-bottom-style: solid; border-bottom-color: #999999;} /*.border02 {border: 1px solid #999999;cursor: pointer;background:url(http://www.321auto.com/images/accessoires/Web2/Web2/15x15-bleur.gif) no-repeat right center;background-color: #f2f2f2;text-decoration: underline;color: #3971b2;}*/ .border02 {border: 1px solid #999999;cursor: pointer;background-color: #f2f2f2;text-decoration: underline;color: #3971b2;} #header { float:left; width:100%; font-size:93%; line-height:normal; background-color: #FFFFFF; margin-left:0; } #header ul { margin:0; padding:0px 0px 0; list-style:none; } #header li { float:left; background:url(http://www.321auto.com/images/accessoires/barretop/onglet/blue-leftside.gif) no-repeat left top; margin:0; padding:0 0 0 9px; background-color: #3971b2; } #header a { background:url(http://www.321auto.com/images/accessoires/barretop/onglet/blue-rightside.gif) no-repeat right top; padding-right:9px; text-decoration:none; color:#FFFFFF; } #header .lien { background:url(http://www.321auto.com/images/accessoires/barretop/onglet/blue-rightside.gif) no-repeat right top; padding-right:9px; text-decoration:none; color:#FFFFFF; } #header a:hover { color:#FFFFFF; text-decoration: underline; } #header #current { float:left; background:url(http://www.321auto.com/images/accessoires/barretop/onglet/red-leftside.gif) no-repeat left top; margin:0; padding:0 0 0 9px; background-color: #FF0000; } #header #current a { background-image:url(http://www.321auto.com/images/accessoires/barretop/onglet/red-rightside.gif); color:#FFFFFF; font-weight:bold; padding-right:9px; } #survol { font-size:100%; line-height:normal; background-color: #E0EBF9; margin-left:0; } #survol ul { margin:0; padding:0px 0px 0; list-style:none; } #survol #current { background-color:#FFF8DB; border-left: 1px solid #3971b2; border-right: 1px solid #3971b2; border-bottom: 1px solid #3971b2; margin:0; padding:0 0 0 0px; } #survol #bas { border-left: 1px solid #3971b2; border-right: 1px solid #3971b2; border-bottom: 0px solid #3971b2; margin:0; padding:0 0 0 0px; } #survol li { border-left: 1px solid #3971b2; border-right: 1px solid #3971b2; border-bottom: 1px solid #3971b2; margin:0; padding:0 0 0 0px; background-color: #E0EBF9; } #survol a { display: block; text-decoration:none;color:#000000; background:url(http://www.321auto.com/Images/accessoires/boulets/puce-circle_li.gif) no-repeat left center; padding : 3px 7px 3px 17px; } #survol a:hover { background-color:#FFF8DB; text-decoration:underline; } .survol_liste { background-color:#FFF8DB; } table.border-index {width:800px; background-color:#FFFFFF; border-left: 1px solid #3971b2; border-right:1px solid #3971b2; } h1 { font-size: 100%; text-align: left; padding: 0px 0px 0px 0px; margin:0; margin-top:0px; font-weight:normal; } .titreh1 { font-size: 100%; text-align: left; padding: 0px 0px 0px 0px; margin:0; margin-top:0px; font-weight:bold; } .titleh1 { text-align: center; font-family: "Times New Roman", Times, serif; padding: 0px 0px 0px 0px; margin:0; margin-top:0px; font-weight:normal; } .sky { position: absolute; top: 180px; right: 0px; left: auto } .bg-degrade-blue { background-image:url(http://www.321auto.com/images/degrade/bg-blue.jpg); } .bg-degrade-blue2 { background-image:url(http://www.321auto.com/images/degrade/bg-blue2.jpg); } .bg-degrade-red { background-image:url(http://www.321auto.com/images/degrade/bg-red.jpg); } .bordure_image{ border: 1px solid #999999; } .bordure_image2{ border: 1px solid #999999; } .bgblueDark2 { border: 1px solid #3971b2; border-top-width: 0px; border-bottom-style: solid; border-bottom-color: #3971b2; } .Detail_Modele {font-size: 16px; font-weight: bold; color: #3971b2;font-family: Arial, Helvetica, sans-serif;} .Detail_Prix {font-size: 16px; font-weight: bold; color: #ff0000;font-family: Arial, Helvetica, sans-serif;} .spacergauche{ padding-left:4px;} .nbannonce{text-decoration:none;} .liencolonne { text-decoration:underline;color:#3971b2; background:url(http://www.321auto.com/images/accessoires/boulets/ovale-trans_space.gif) no-repeat left center; padding : 2px 7px 2px 18px;display: block; } .liencolonne:hover { background-color:#FFF8DB; } .liencolonneselected { text-decoration:underline;color:#ff0000; background:url(http://www.321auto.com/images/accessoires/boulets/ovale-trans_space.gif) no-repeat left center; padding : 2px 7px 2px 18px;display: block; } .liencolonneselected:hover { background-color:#FFF8DB; } .tab3d{background:url(http://www.321auto.com/images/PA/Paiement/droite.gif) repeat-y right top;} .bordnoir {border: 1px solid #000000;} .bigbordnoir {border: 3px solid #000000;} #titlegauche{height:19px; background:url(http://www.321auto.com/images/accessoires/coins/bleu_droite.gif) repeat-y right top; color:#FFFFFF; background-color:#3971b2; font-weight:bold; text-indent:3px;} .liencolonne_noboulet { padding : 5px 7px 5px 4px;display: block; text-decoration:underline;color:#3971b2; } .liencolonne_nobouletvn{ padding : 5px 7px 5px 4px;display: block; text-decoration:underline;color:#FF0000; } .liencolonne_noboulet:hover { background-color:#FFF8DB; } .liencolonne_nobouletvn:hover { background-color:#FFF8DB; } table.tailleTableau {width:770px;} #MenuPrincipal { float: left; width: 770px; height: 70px; text-indent: -3000px; } #MenuPrincipal .Menu { float: left; width: 256px; height: 69px; margin-right: 1px; } #MenuPrincipal .Menu.Actualite { margin-right: 0px; } #MenuPrincipal .Menu.active ul.SousMenu, #MenuPrincipal .Menu ul.SousMenu.selected { background-position: 0px -90px; } #MenuPrincipal ul.SousMenu { height: 70px; background-color: transparent; background-position: top left; background-repeat: no-repeat; } #MenuPrincipal ul.SousMenu li { float: left; } #MenuPrincipal ul.SousMenu li a { display: block; height: 26px; margin-top: 44px; } #MenuPrincipal .Menu ul.SousMenu li a.active, #MenuPrincipal .Menu ul.SousMenu li a.selected { background-color: transparent; background-position: 50% bottom; background-repeat: no-repeat; } #MenuPrincipal .Menu.Occasion ul.SousMenu li a.active, #MenuPrincipal .Menu.Occasion ul.SousMenu li a.selected { background-image: url(../images/icones/SousMenuOccasionFleche.gif); } #MenuPrincipal .Menu.Neuf ul.SousMenu li a.active, #MenuPrincipal .Menu.Neuf ul.SousMenu li a.selected { background-image: url(../images/icones/SousMenuNeufFleche.gif); } #MenuPrincipal .Menu.Actualite ul.SousMenu li a.active, #MenuPrincipal .Menu.Actualite ul.SousMenu li a.selected { background-image: url(../images/icones/SousMenuActualiteFleche.gif); } #MenuPrincipal .Menu.Occasion ul.SousMenu { background-image: url(../images/fonds/MenuOccasion.gif); } #MenuPrincipal .Menu.Neuf ul.SousMenu { background-image: url(../images/fonds/MenuNeuf.gif); } #MenuPrincipal .Menu.Actualite ul.SousMenu { background-image: url(../images/fonds/MenuActualite.gif); } #MenuPrincipal .Menu.Occasion #Occasion1 { width: 110px; } #MenuPrincipal .Menu.Occasion #Occasion2 { width: 78px; } #MenuPrincipal .Menu.Occasion #Occasion3 { width: 66px; } #MenuPrincipal .Menu.Neuf #Neuf1 { width: 67px; } #MenuPrincipal .Menu.Neuf #Neuf2 { width: 58px; } #MenuPrincipal .Menu.Neuf #Neuf3 { width: 128px; } #MenuPrincipal .Menu.Actualite #Actualite1 { width: 66px; } #MenuPrincipal .Menu.Actualite #Actualite2 { width: 86px; } #MenuPrincipal .Menu.Actualite #Actualite3 { width: 94px; } #MenuPrincipal .Menu .PetitMenu { display: none; position: absolute; margin-top: 70px; width: 160px; padding-top: 10px; padding-bottom: 10px; text-indent: 0px; opacity: 0.95; -moz-opacity: 0.95; filter: alpha(opacity=95); } #MenuPrincipal .Menu .PetitMenu li { float: left; width: 160px; height: 18px; } #MenuPrincipal .Menu .PetitMenu li a { display: block; width: 130px; height: 18px; margin: 0px; font-weight: bold; color: #ffffff; padding: 2px 20px 0px 10px; } #MenuPrincipal .Menu .PetitMenu.active, #MenuPrincipal .Menu .PetitMenu.sel { display: block; } #MenuPrincipal .Menu .PetitMenu.Occasion { background-color: #c21b0c; } #MenuPrincipal .Menu .PetitMenu.Neuf { background-color: #9e7943; } #MenuPrincipal .Menu .PetitMenu.Actualite { background-color: #4678b4; } #MenuPrincipal #Occasion2Menu { margin-left: 110px; } #MenuPrincipal #Occasion3Menu { margin-left: 188px; } #MenuPrincipal #Neuf1Menu { margin-left: 257px; } #MenuPrincipal #Neuf2Menu { margin-left: 324px; } #MenuPrincipal #Neuf3Menu { margin-left: 382px; } #MenuPrincipal #Actualite1Menu { margin-left: 514px; } #MenuPrincipal #Actualite2Menu { margin-left: 582px; } #MenuPrincipal #Actualite3Menu { margin-left: 671px; } @charset "UTF-8"; * html body { behavior:url("/css/dropdown/csshover.htc"); } * html ul.dropdown li { height: 1px; } ul.dropdown ul li, ul.dropdown-vertical { margin-left: -16px; mar\gin-left: 0; } ul.dropdown ul, ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul, ul.dropdown li:hover ul ul ul ul ul { visibility: hidden; } ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul, ul.dropdown ul ul ul li:hover ul, ul.dropdown ul ul ul ul li:hover ul { visibility: visible; } ul.dropdown ul ul ul ul ul ul { visibility: hidden !important; } ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 57; float: left; width:775px; } ul.dropdown li { float: left;margin-top:50px; font-size:15px; } #navi1{ width:109px;z-index:1; } #navi2{ width:75px; background-color: transparent; } #navi3{ width:65px; background-color: transparent; } #navi4{ width:64px; background-color: transparent; } #navi5{ width:55px; background-color: transparent; } #navi6{ width:130px; background-color: transparent; } #navi7{ width:65px; background-color: transparent; } #navi8{ width:85px; background-color: transparent; } #navi9{ width:90px;background-color: transparent; } #navi1:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/rouge-fleche.png) 53px 0px no-repeat; } #navi2:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/rouge-fleche.png) 37px 0px no-repeat; } #navi3:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/rouge-fleche.png) 32px 0px no-repeat; } #navi4:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/marron-fleche.png) 32px 0px no-repeat; } #navi5:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/marron-fleche.png) 27px 0px no-repeat; } #navi6:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/marron-fleche.png) 62px 0px no-repeat; } #navi7:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/bleu-fleche.png) 32px 0px no-repeat; } #navi8:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/bleu-fleche.png) 42px 0px no-repeat; } #navi9:hover > ul{background: url(http://www.321auto.com/images/accessoires/Deroulants/bleu-fleche.png) 45px 0px no-repeat; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 59; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 58; width: 100%; } ul.dropdown ul li { float: none; margin:0px;font-size:12px; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } ul.dropdown { float:left; margin:0px; height: 26px; width: 770px; border-left: solid 0px #000; background-color: #FFFFFF; font: normal 12px Arial, Helvetica, sans-serif; height:65px; } ul.dropdown li { } ul.dropdown li.hover, ul.dropdown li:hover { background-color: #cc0000; } ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited { color: #000000; text-decoration: none;} ul.dropdown a:hover { text-decoration: none; } ul.dropdown a:active { color: #fff; } /* -- level mark -- */ ul.dropdown ul { margin-left: -6px; width: 180px !important; margin-top:15px; padding-top:0px letter-spacing: normal; } ul.dropdown ul.red li { border-right: none; background: transparent url(http://www.321auto.com/images/accessoires/Deroulants/rouge-ligne.png) 100% 0px repeat-y; color: #000; text-transform: none; font-weight: normal; } ul.dropdown ul.brown li { border-right: none; background: transparent url(http://www.321auto.com/images/accessoires/Deroulants/marron-ligne.png) 100% 0px repeat-y; color: #000; text-transform: none; font-weight: normal; } ul.dropdown ul.bleu li { border-right: none; background: transparent url(http://www.321auto.com/images/accessoires/Deroulants/bleu-ligne.png) 100% 0px repeat-y; color: #000; text-transform: none; font-weight: normal; } div.topred { border-right: none; height:8px; width:180px; margin-top:5px; background: url(http://www.321auto.com/images/accessoires/Deroulants/rouge-haut.png) 100% bottom no-repeat; } div.topbrown { border-right: none; height:8px; width:180px; margin-top:5px; background: url(http://www.321auto.com/images/accessoires/Deroulants/marron-haut.png) 100% bottom no-repeat; } div.topblue { border-right: none; height:8px; width:180px; margin-top:5px; background: url(http://www.321auto.com/images/accessoires/Deroulants/bleu-haut.png) 100% bottom no-repeat;} ul.dropdown ul.red li.bottom { background: url(http://www.321auto.com/images/accessoires/Deroulants/rouge-bas.png) 100% 0px no-repeat; } ul.dropdown ul.brown li.bottom { background: url(http://www.321auto.com/images/accessoires/Deroulants/marron-bas.png) 100% 0px no-repeat; } ul.dropdown ul.bleu li.bottom { background: url(http://www.321auto.com/images/accessoires/Deroulants/bleu-bas.png) 100% 0px no-repeat; } ul.dropdown ul li.hover, ul.dropdown ul .qmtitle { display: block; padding: 10px 16px 5px; font-weight: bold; } ul.dropdown ul a, ul.dropdown ul a:link, ul.dropdown ul a:visited { color: #fff; display:block;} ul.dropdown ul a:hover { color: #000; text-decoration: none; } ul.dropdown ul a:active { color: #000; } ul.dropdown ul ul { display: none; } /*------------------------------------------------------------------------------------------------------/ * @section Support Class 'dir' * @level sep ul, .class */ ul.dropdown *.dir { background-image: none; background-position: 100% 50%; background-repeat: no-repeat; } .nav { clear: both; } .qmdivider { display: none; } * @section Base Style Extension */ ul.dropdown li a { display: block; padding: 0 0px; line-height: 26px; } /*-------------------------------------------------/ * @section Base Style Override */ ul.dropdown li { padding: 0; } /*-------------------------------------------------/ * @section Base Style Reinitiate: post-override activities */ ul.dropdown li.dir { padding: 7px 20px 7px 12px; } ul.dropdown ul li.dir { padding-right: 15px; } /*-------------------------------------------------/ * @section Custom */ ul.dropdown ul a { padding: 4px 8px; margin-left:12px; line-height: normal; width: 150px; voice-family: "\"}\""; voice-family: inherit; width: 150px; } html>body ul.dropdown ul a { width: 140px; } ul.dropdown ul a:hover { padding: 3px 7px; border: solid 1px #1f1f1f; background-color: #fff; color: #000; } ul.dropdown ul li.bottom a:hover { border: solid 0px #1f1f1f;background-color: transparent; } ul.dropdown ul a:active { border-color: #cc0000 } ul.dropdown ul a.dir { width: 140px; } #MenuOccasion{ float:left;height:65px; width:256px; background: url(http://www.321auto.com/images/fonds/MenuOccasion.gif) top left repeat-y; z-index:2; } #MenuOccasion.sel{background: url(http://www.321auto.com/images/fonds/MenuOccasion.gif) 100% -90px repeat-y; } #MenuOccasion.hover{ background: url(http://www.321auto.com/images/fonds/MenuOccasion.gif) 100% -90px repeat-y; } #MenuNeuf{ float:left;height:65px; width:256px; margin-left:1px; background: url(http://www.321auto.com/images/fonds/MenuNeuf.gif) top left repeat-y; } #MenuNeuf.hover{ background: url(http://www.321auto.com/images/fonds/MenuNeuf.gif) 100% -90px repeat-y; } #MenuNeuf.sel{ background: url(http://www.321auto.com/images/fonds/MenuNeuf.gif) 100% -90px repeat-y; } #MenuActu{ float:left;height:65px; width:256px; margin-left:1px; background: url(http://www.321auto.com/images/fonds/MenuActualite.gif) top left repeat-y; } #MenuActu.hover{ background: url(http://www.321auto.com/images/fonds/MenuActualite.gif) 100% -90px repeat-y; } #MenuActu.sel{ background: url(http://www.321auto.com/images/fonds/MenuActualite.gif) 100% -90px repeat-y; } .transparent{ position: absolute;width:100px; font-size:0px; height:20px; text-indent:-3000px } .promo_vente { width:595px;background: transparent url(/images/pa/Voiture_billets-139.jpg) top left no-repeat; padding-left:155px; } .promo_vente #bigred { width:600px;font-weight:bold; font-size:20px; color:#bf1c0b; float:left; } .promo_vente b { font-size:18px; } .promo_vente p { color:#acacac; } .Boite.grise{ color: #ffffff; width: 630px; } .titreGOOGLE { margin-left: 10px; padding-left: 4px; padding-top: 3px; height: 27px; float:left; font-size: 20px; background-image: url(/images/fonds/BoiteGriseTitre.gif); background-position: 0px 0px; background-repeat: repeat-x; color: #ffffff; width: 615px; border-right: 1px solid #6294d0; } #pieceecofiche{ width:500px;float:left;background: #ffffff url(/images/partenaires/Pieceseco/Logo-Pieceseco-h55.gif) 0px 0px no-repeat; padding-left:85px; height:60px; cursor:pointer; } #pieceecofiche .titre{ padding:0;font-size:18px; width:500px; font-weight:normal; } #pieceecofiche .soustitre{ padding:0;font-size:12px; width:500px; } #pieceecofiche a{ padding:0;font-size:12px; width:500px; text-decoration:underline; } #pieceecofichevolvo{ width:300px;float:left;background: #ffffff url(http://www.321auto.com/images/partenaires/Pieceseco/Logo-Pieceseco-h55.gif) 30px 30px no-repeat; padding-left:115px; height:60px; cursor:pointer; padding-top:30px } #pieceecofichevolvo .titre{ padding:0;font-size:18px; width:300px; font-weight:normal; } #pieceecofichevolvo .soustitre{ padding:0;font-size:12px; width:300px; } #pieceecofichevolvo a{ padding:0;font-size:12px; width:300px; text-decoration:underline; } #photo_argus { width:598px; } #photo_argus li { width:80px; float:left }