html {  background:white;  height:100%; }
body { background-color:#FFF;	color:#b3b3b3; font-size:12px;font-family:Arial, Helvetica, sans-serif;	margin:0; padding: 0; text-align: center;}
img { border:0; }
ul {  list-style-type:none;  padding:0;  margin:0;}
h1  { color: #FFF; font-size: 19px; font-weight: bold; background: url(/images/bg-h1.png) no-repeat left top; padding: 2px 0 0 60px; margin: 10px 0 20px 0; clear: both;}
.clear { clear: both; }
a {text-decoration: underline;color:#F69E68;}

.ok { width: 700px; margin: 10px auto; height: 33px; padding: 17px 20px 0 50px; font-size: 14px; color: #FFF; background: url(/images/bg-ok.png); }
.ko { width: 700px; margin: 10px auto; height: 33px; padding: 17px 20px 0 50px; font-size: 14px; color: #FFF; background: url(/images/bg-ko.png); }
.req { color: #00a7ea;  }


#wrapper { width: 990px; margin: 0 auto; text-align: left; }
#slogan { text-align: right; padding-right: 2px; display: block; }
#header  { height: 84px; }
#header img { display: block; float: left; margin: 0; }
#content { background: #333333 url(/images/bg-content.png) repeat-y left top; }
#footer { width: 785px; height: 111px; background: url(/images/footer.png); margin-bottom: 40px; padding: 5px 5px 5px 200px; }
#footer  .liens a{ margin: 0 5px 0 5px; color: #8c8c8a; font-size: 11px; font-weight: normal; }

#gauche { width: 182px; padding: 8px; float: left; }
#gauche h2 { margin: 0 0 5px 0; color: #FFF; }
#gauche ul { list-style-image: url(/images/puce1.png); margin: 0 0 0 20px;  }
#gauche li { padding: 0;  }

#gaucheMarchand {width: 182px; padding: 8px; float: left; }
#gaucheMarchand h2 { margin: 0 0 5px 0; color: #FFF; padding: 5px 0 0 37px; height: 27px; border-bottom: 1px solid #000; }
#gaucheMarchand h2.bienvenue { background: url(/images/user.png) no-repeat left top; }
#gaucheMarchand h2.selection { background: url(/images/shopping_cart_mcd.png) no-repeat left top; }
#gaucheMarchand h2.contact { background: url(/images/mobile_phone.png) no-repeat left top; }
#gaucheMarchand #panier {font-size: 11px; }
#gaucheMarchand #panier ul, #gaucheMarchand #panier li { list-style: none; }
#gaucheMarchand #panier a {color: #CCC; }
#gaucheMarchand #panier a:hover {color: #F69E68; }



#droite { width: 772px; padding: 0 10px 10px 10px; float: left; position: relative; }

#haut { position: relative; background: #242424; height: 192px; border-bottom: 5px solid #00a7ea; }
#menu { width: 600px; float: left; height: 192px; }
#menu ul { margin: 0; padding: 0; list-style: none; width: 300px; }
#menu li { height: 32px; padding: 0; margin: 0; }
#menu li a { height: 25px; padding: 7px 0 0 40px; display: block; background: url(/images/bg-menu.png) left top; color: #FFF; text-decoration: none; font-weight: bold; font-size: 15px; }
#menu li a.marchands{ background: url(/images/bg-menu-marchand.png) left top; }
#menu li a:HOVER { background-position: left bottom; }

#moteur { width: 390px; float: left; height: 192px; font-weight: bold; font-size: 14px; color: #FFF; }
.moteur { width: 300px; margin: 0 0 0 50px; }
.moteur p { margin: 3px 0 8px 0; clear: both; }
.moteur label { display: inline; width: 100px; padding-top: 5px; float: left; font-size: 14px; font-weight: bold; color: #FFF; }
.moteur select  { border: 3px solid #00a7ea; font-size: 15px; background: #FFF; color: #000; font-weight: bold; vertical-align: middle; width: 170px;}
.moteur option {  padding: 3px 3px 3px 3px; }
.advMoteur { width: 390px; margin: 0 0 0 0; font-size: 11px; font-weight: normal;  }
.advMoteur p { display: block; margin: 3px 0 10px 0; width: 130px; float: left; }
.advMoteur p.mid { width: 180px; }
.advMoteur p.mid  select{ width: 80px; }
.advMoteur label { display: block; font-size: 11px; font-weight: normal; color: #FFF; }
.advMoteur select  { border: 2px solid #00a7ea; font-size: 11px; background: #FFF; color: #000; font-weight: normal; vertical-align: middle; width: 110px;}
.advMoteur option {  padding: 1px 1px 1px 1px; }
.advMoteur input {  font-size: 11px; }
.modif-criterias { position: absolute; top: 0; right: 0; z-index: 2; }
#photos { position: absolute; top: 0; left: 196px; width: 400px;  height: 192px; z-index: 2; }


#assur { width: 212px; height: 110px; padding: 140px 10px 0 10px; background: url(/images/debard-assurfinance.jpg); float: left; text-align: left; }
#assur ul { list-style-image: url(/images/puce2.png); list-style-position: inside; margin: 0; padding: 0; color: #FFF; }
#assur ul li { margin-bottom: 15px; }
#assur a{ color: #83b819; }

#accueil { width: 521px; height: 250px; margin-left: 15px; padding: 0; float: left;}
#accueil #txt-accueil { background: url(/images/accueil.png); float: left; margin: 0; padding: 10px; width: 301px; height: 230px; color: #FFF; line-height: 13px; }
#accueil #txt-accueil h2 { margin: 0; color: #00a7ea; font-size: 14px; }
#accueil #txt-accueil ul { list-style-image : url(/images/puce3.png); list-style-position: inside; }
#accueil #txt-accueil span {color: #f69e68; font-weight: bold; }
#accueil #albi { background: url(/images/albi.png) no-repeat left top; float: left; margin: 0; padding: 60px 0 0 85px; width: 115px; height: 66px; cursor: pointer;}
#accueil #labege { background: url(/images/labege.png) no-repeat left top; float: left; margin: 0; padding: 70px 0 0 85px; width: 115px; height: 54px; cursor: pointer;}
#accueil #albi b, #accueil #labege b { font-size: 16px; color: #00a7ea; }
#accueil #albi a, #accueil #labege a { display: block; color: #f69e68; font-size: 11px; text-align: center; margin-top: 5px;  }
#accueil #labege.over, #accueil #albi.over { background-position: left bottom; }
#accueil #labege.over b, #accueil #albi.over b { color: #FFF ; }

#flash { width: 765px; height: 213px; padding: 50px 0 0 0; background: url(/images/bg-flash.png); }
#flash .vehicule { width: 21%; float: left; padding: 0 2%; text-align: center; position: relative; }
#flash .vehicule div { height: 140px; cursor: pointer; }
#flash .vehicule img { width: 80%; border: 3px solid #00a7ea; }
#flash .vehicule a { color: #FFF; display: block; font-size: 14px; text-decoration: none; font-weight: bold; }
#flash .vehicule span.prix { display: block; margin: 0 auto; width: 133px; height: 36px; font-size: 20px; background: url(/images/bg-flash-prix.png); padding-top: 2px; color: #0bb9ff; }
#flash .vehicule span.timeLeft { color: #CCC; font-size: 10px; }
#flash .vehicule span.counter { color: #FFF; font-size: 11px; }
#flash .vehicule img.timer { position: absolute; top: 183px; left: 28px; width: 22px; border: 0; }

#arrivages { width: 765px; height: 450px; padding: 50px 0 0 0; background: url(/images/bg-arrivages.png); }
#arrivages .vehicule { width: 21%; float: left; padding: 0 2%; text-align: center; position: relative; margin-bottom: 30px; }
#arrivages .vehicule div { height: 155px; cursor: pointer; }
#arrivages .vehicule img { width: 80%; border: 3px solid #00a7ea; }
#arrivages .vehicule a { color: #FFF; display: block; font-size: 14px; text-decoration: none; font-weight: bold; }
#arrivages .vehicule span.prix { display: block; margin: 0 auto; width: 133px; height: 36px; font-size: 20px; background: url(/images/bg-arrivages-prix.png); padding-top: 2px; color: #0bb9ff; }
#arrivages .vehicule span.version { color: #FFF; font-size: 10px; }

/* ===================================  INTERFACE MARCHANDS ===================================== */
#login-marchand { width: 342px; height: 170px; background: url(/images/bg-login-marchand.png); float: left; margin-right: 15px; padding: 50px 10px 10px 10px; }
#login-marchand p { margin: 10px 0 8px 0; clear: both; }
#login-marchand label { display: inline; width: 120px; padding-top: 5px; float: left; font-size: 14px; font-weight: bold; color: #FFF; }
#login-marchand input  { border: 3px solid #00a7ea; font-size: 15px; background: #FFF; color: #000; font-weight: bold; vertical-align: middle; width: 170px;}

#inscr-marchand { width: 372px; height: 388px; background: url(/images/bg-inscr-marchand.png); float: left; padding: 50px 10px 10px 10px;  }
#inscr-marchand p { margin: 10px 0 5px 0; clear: both; font-size: 11px;  }
#inscr-marchand label { display: inline; width: 100px; padding-top: 5px; float: left; font-size: 12px; font-weight: bold; color: #FFF; }
#inscr-marchand input  { border: 2px solid #00a7ea; font-size: 12px; padding: 2px; background: #FFF; color: #000; font-weight: bold; vertical-align: middle;}

#nv-password { width: 382px; height: 169px; background: url(/images/bg-nv-password.png); padding: 60px 20px 20px 20px; }
#nv-password label{width: 150px; float: left; font-size: 16px; font-weight: bold; color: #FFF; }
#nv-password input{ font-size: 16px;}
#nv-password p{margin: 20px 0;}

/* ===================================  PAGE DESABONNEMENT  ===================================== */
#desabonnement { width: 724px; height: 206px; padding: 20px; background: url(/images/bg-desabonnement.png); color: #FFF; font-size: 14px;}
#desabonnement form { margin: 40px 0; background: #6a6a6a; display: block; padding: 20px;}
#desabonnement label { width: 190px; float: left; font-size: 18px;}
#desabonnement input { font-size: 16px; float: left; margin: 0 15px;}

/* ===================================  PAGE CONTACT ===================================== */
#contact-write { width: 428px; height: 422px; float: left; margin-right: 20px; background: url(/images/bg-contact.png);padding: 50px 10px 10px 10px; }
#contact-write p { margin: 10px 0 8px 0; clear: both; }
#contact-write label { display: inline; width: 100px; padding-top: 5px; float: left; font-size: 12px; font-weight: bold; color: #FFF; }
#contact-write input  { border: 2px solid #00a7ea; font-size: 12px; padding: 2px; background: #FFF; color: #000; font-weight: bold; vertical-align: middle;}
#contact-write textarea  { border: 2px solid #00a7ea; }

#contact-tel { width: 284px; height: 422px; float: left; background: url(/images/bg-contact-2.png);padding: 50px 10px 10px 10px; }
#contact-tel h2 { color: #FFF; border-bottom: 2px solid #00a7ea;}
#contact-tel .telephone { display: block; height: 24px; background: url(/images/mobile_phone.png) no-repeat left top; padding: 8px 0 0 45px; font-size: 18px; color: #FFF; margin: 5px 0 10px 25px; }
#contact-tel .fax { display: block; height: 24px; background: url(/images/printer.png) no-repeat left top; padding: 8px 0 0 45px; font-size: 18px; color: #FFF; margin: 5px 0 10px 25px; }

#contact-vh { width: 284px; height: 422px; float: left; background: url(/images/bg-contact-vh.png);padding: 50px 10px 10px 10px; }
#contact-vh h2{ font-size: 22px; color: #FFF; margin: 0; }
#contact-vh span.version { font-size: 16px; color: #FFF; }
#contact-vh span.prix { float: right; background: url(/images/bg-prix.png); font-size: 15px; color: #333; padding: 3px 18px 0 5px; height: 26px; width: 78px; text-align: center; }

/* ===================================  PAGE AGENCES ===================================== */
.agence { height: 242px; width: 335px; float: left; background-repeat: no-repeat; background-position: left top; padding: 230px 20px 20px 20px; text-align: center; color: #FFF; }
.agence h3 { font-size: 15px; margin: 0 0 5px 0; }
.agence.albi { background-image: url(/images/bg-agence-albi.png); margin-right: 20px; }
.agence.labege { background-image: url(/images/bg-agence-labege.png); }

/* ===================================  PAGE LISTE ANNONCES ===================================== */
.lisaTable { width: 100%; border-collapse: collapse; border-bottom: 1px solid #CCC; }
.lisaHead th { border-bottom: 1px solid #fdfdfd; padding: 0; }
.lisaHead th img { display: block; margin: 0;}
.lisaHead th.bg { height: 27px; background: url(/images/bg-th.png) repeat-x left top; text-align: center; color: #555; font-size: 11px; font-weight: bold; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.lisaHead th.bg a { display: block; height: 21px; color: #555; font-size: 11px; font-weight: bold; padding-top: 6px; }
.lisaHead th.bg a.asc { background: url(/images/bg-th-asc.png) no-repeat right top;  }
.lisaHead th.bg a.desc{ background: url(/images/bg-th-desc.png) no-repeat right top; }
.lisaTable tr td{ height: 80px; color: #FFF; font-size: 12px; }
.lisaTable tr.row0 td { background: #282828; border-left: 1px solid #383838;border-right: 1px solid #383838;}
.lisaTable tr.row1 td { background: #484848; border-left: 1px solid #383838;border-right: 1px solid #383838;}
.lisaTdPhoto  { width: 80px; padding: 5px; }
.lisaTdPhoto img  { width: 80px; border: 2px solid #CCC; }
.lisaTable td.motor, .lisaTable td.km, .lisaTable td.annee, .lisaTable td.prix, .lisaTable td.etat { text-align: center; }
.lisaTable td.prix { width: 110px; font-size: 16px; }
.lisaTable td.prix span{ display: block; margin: 0 auto; background: url(/images/bg-prix.png); font-size: 15px; color: #333; padding: 3px 18px 0 5px; height: 26px; width: 78px; text-align: center; }
.lisaTable td.motor { width: 80px; }
.lisaTable td.annee { width: 60px; border-right: 0; }
.lisaTable td.km { width: 80px; }
.lisaTdMain { padding: 4px;}
.lisaTdMain a { font-size: 16px; font-weight: bold; text-decoration: none; color: #f0a200;}
.lisaTable tr.first  td{ border-top: 1px solid #fdfdfd; }
.lisaFoot { height: 25px; }
.lisaTable .lisaFoot td { height: 25px; background: url(/images/bg-th.png) repeat-x left top; color: #000; padding-left: 10px; }
.lisaFoot td a { padding: 2px 4px; font-size: 14px; font-weight: bold; text-decoration: underline; color: #000000;  }
.lisaFoot td a.current { text-decoration: none; color: #f0a200;  }
.lisaFoot td a.nav { text-decoration: none; }


/* ===================================  PAGE LISTE ANNONCES MARCHANDS ===================================== */
.mcdTable { width: 100%; border-collapse: collapse; }
.mcdHead th { border-bottom: 1px solid #fdfdfd; padding: 0; }
.mcdHead th img { display: block; margin: 0;}
.mcdHead th.bg { height: 27px; background: url(/images/bg-th.png) repeat-x left top; text-align: center; color: #555; font-size: 11px; font-weight: bold; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.lisaHead th.bg a { display: block; height: 21px; color: #555; font-size: 11px; font-weight: bold; padding-top: 6px; }
.lisaHead th.bg a.asc { background: url(/images/bg-th-asc.png) no-repeat right top;  }
.lisaHead th.bg a.desc{ background: url(/images/bg-th-desc.png) no-repeat right top; }

.mcdTable tr td{ height: 80px; color: #FFF; font-size: 12px; }
.mcdTable tr.row0 td { background: #282828; border-left: 1px solid #383838;border-right: 1px solid #383838;}
.mcdTable tr.row1 td { background: #484848; border-left: 1px solid #383838;border-right: 1px solid #383838;}

.mcdTdPhoto  { width: 80px; padding: 5px; }
.mcdTdPhoto img  { width: 80px; border: 2px solid #CCC; }
.mcdTable td.motor, .mcdTable td.km, .mcdTable td.annee, .mcdTable td.prix { text-align: center; }

.mcdTable td.prix { width: 120px; font-size: 16px; }
.mcdTable td.prix span{ display: block; margin: 0 auto; background: url(/images/bg-prix-mcd.png); font-size: 15px; color: #333; padding: 3px 18px 0 5px; height: 26px; width: 78px; text-align: center; }

.mcdTable td.motor { width: 100px; }
.mcdTable td.annee { width: 80px; border-right: 0; }
.mcdTable td.km { width: 80px; }

.mcdTable a.cart { width: 32px; height: 32px; display: block; background: url(/images/shopping_cart_mcd.png); }
.mcdTable a.cart.remove { background: url(/images/shopping_cart_mcd_remove.png); }

.mcdTdMain { padding: 4px;}
.mcdTdMain a { font-size: 16px; font-weight: bold; text-decoration: none; color: #31d816;}

.mcdTable tr.first  td{ border-top: 1px solid #fdfdfd; }

.mcdFoot { height: 25px; }
.mcdTable .mcdFoot td { height: 25px; background: url(/images/bg-th.png) repeat-x left top; color: #000; padding-left: 10px; }
.mcdFoot td a { padding: 2px 4px; font-size: 14px; font-weight: bold; text-decoration: underline; color: #000000;  }
.mcdFoot td a.current { text-decoration: none; color: #31d816;  }
.mcdFoot td a.nav { text-decoration: none; }


.noResult {width: 765px; height: 263px; padding: 20px 0 0 0; background: url(/images/bg-noresult.png) no-repeat left bottom; }
.noResult  h2{color: #FFF; font-size: 22px; margin: 0 0 20px 20px; }
.noResult .vehicule { width: 21%; float: left; padding: 0 2%; text-align: center; position: relative; }
.noResult .vehicule div { height: 175px; cursor: pointer; }
.noResult .vehicule img { width: 80%; border: 3px solid #00a7ea; }
.noResult .vehicule a { color: #FFF; display: block; font-size: 14px; text-decoration: none; font-weight: bold; }
.noResult .vehicule span.prix { display: block; margin: 0 auto; width: 133px; height: 36px; font-size: 20px; background: url(/images/bg-arrivages-prix.png); padding-top: 2px; color: #0bb9ff; }
.noResult .vehicule span.version { color: #FFF; font-size: 10px; }

/* ===================================  PAGE DETAILS ANNONCE ===================================== */
#barre { height: 63px; background: url(/images/barre-bg.png) repeat-x; margin-bottom: 30px;}
#barre img { float: left; }
#barre a { background-repeat: no-repeat; background-position: top; display: block; float: left; height: 18px; padding: 45px 10px 0 10px; color: #999; text-decoration: none; }
#barre a:FOCUS {outline: none; }
#barre a:HOVER{ background-position: bottom; color: #FFF; }
#barre a.previous { background-image: url(/images/barre-previous.png); }
#barre a.next { background-image: url(/images/barre-next.png); }
#barre a.disabled{ background-image: url(/images/barre-disabled.png); }
#barre a.mail { background-image: url(/images/barre-mail.png); }
#barre a.cart { background-image: url(/images/barre-cart.png); width: 104px; text-align: center; }
#barre a.cart.remove { background-image: url(/images/barre-cart-remove.png); }
#barre a.print { background-image: url(/images/barre-print.png); }
#barre a.expert { background-image: url(/images/barre-expert.png); }
#barre a.proposition { background-image: url(/images/barre-proposition.png); }

#details-carac { width: 421px; float: left; background: #4e4e4e; padding: 0;margin-right: 35px;   }
#details-carac h2 { color: #ee990d; font-size: 22px; margin: 0; }
#details-carac h2.mcd { color: #31d816; }
#details-carac span.version { font-size: 14px; color: #FFF; font-weight: bold; }
#details-carac span.prix{ float: right; display: block; margin: 0 auto; background: url(/images/bg-prix-2.png); font-size: 26px; color: #333; padding: 6px 50px 0 5px; height: 37px; width: 107px; text-align: right; }
#details-carac span.comments{ float: right; display: block; margin: 5px auto 15px auto; font-size: 14px; color: #FFF; font-weight: bold; text-align: right; }
#details-carac span.prix-mcd{ float: right; display: block; margin: 0 auto; background: url(/images/bg-prix-mcd-2.png); font-weight: bold; font-size: 26px; color: #333; padding: 6px 50px 0 5px; height: 37px; width: 107px; text-align: right; }
#details-carac table { width: 100%; margin: 20px 0 10px 0; font-size: 12px; }
#details-carac td { padding: 4px; }
#details-carac td.label { font-weight: bold; border-right: 2px solid #767676; }
#details-carac .tr0 td { background: #484848;}
#details-carac .tr1 td { background: #565656; }
#details-carac .bloc { background: #686868; width: 388px; color: #FFF; }
#details-carac .options ul { list-style-image: url(/images/puce4.png); list-style-position: inside;margin: 0 0 0 20px; }
#details-carac .options li { font-size: 11px; display: block; width: 50%; float: left; }

#details-photos { width: 313px; float: left; background: #4e4e4e; padding: 0;}
#details-photos .thumb {width: 50px; border: 3px solid #b2b2b2; display: block; float: left; margin: 5px 6px;}

#details-btn-tel { display: block; width: 283px;float: left; height: 26px; margin-top: 5px; font-size: 17px; font-weight: bold; text-align: center; padding: 24px 0 0 30px; background: url(/images/details-btn-tel.png) no-repeat; text-decoration: none; color: #FFF; }
#details-btn-form { display: block; width: 313px; float: left; height: 50px; margin-top: 5px; background: url(/images/details-btn-form.png) no-repeat left top; text-decoration: none; color: #FFF; }
#details-btn-id { display: block; width: 283px; float: left; height: 31px; margin-top: 5px; font-size: 24px; font-weight: bold; text-align: center; padding: 19px 0 0 30px; background: url(/images/details-btn-id.png) no-repeat; text-decoration: none; color: #FFF; }

#details-carac img, #details-photos img { display: block; }
#details-carac .padding, #details-photos .padding { padding: 20px; }

#vente-flash { width: 313px; height: 111px; position: relative; float: left; background: url(/images/bg-vente-flash.png); margin: 20px 0 10px 0;}
#vente-flash span { position: absolute; top: 75px; left: 62px; font-size: 23px; color: #000; font-weight: bold; font-family: Verdana;}


/* ===================================== PAGE PROPOSITION COMMERCIALE ================================*/
#proposition { width: 421px; float: left; background: #4e4e4e; padding: 0;margin-right: 35px; }
#proposition .padding { padding: 20px; }
#proposition label { width: 120px; float: left; font-weight: bold; color: #FFF; }

#proposition-vh { width: 284px; height: 422px; float: left; background: url(/images/bg-contact-vh.png);padding: 50px 10px 10px 10px; }
#proposition-vh h2{ font-size: 22px; color: #FFF; margin: 0; }
#proposition-vh span.version { font-size: 16px; color: #FFF; }
#proposition-vh span.prix { float: right; background: url(/images/bg-prix.png); font-size: 15px; color: #333; padding: 3px 18px 0 5px; height: 26px; width: 78px; text-align: center; }


/* ===================================== PAGE FICHE EXPERTISE ================================*/
#expertise { width: 421px; float: left; background: #4e4e4e; padding: 0;margin-right: 35px;   }
#expertise .padding { padding: 20px; }
#expertise ul { list-style: square; margin-left: 25px; font-size: 13px; }

/* ===================================== PAGE CGV ================================*/
#cgv p {  background-color:#242424; padding:0.8em; text-align: justify;}
#cgv h4 { color: #FFF; }

/* ===================================== PAGE ASSURFINANCE ================================*/
#assurfinance { display: block; padding: 0; margin: 0; width: 768px; height: 449px; background: url(/images/bg-assurfinance.png) no-repeat left top; }
#assurfinance .req { font-size: 16px; font-weight: bold; color: #85b919; font-family: Verdana; }
#assurfinance .left { width: 496px; float: left; padding: 10px; font-size: 14px; color: #FFF; font-weight: normal; }
#assurfinance .left p { width: 50%; float: left; margin: 10px 0 10px 0; }
#assurfinance .right { width: 232px; float: left; padding: 130px 10px 5px 10px; }
#assurfinance label { font-size: 16px; font-weight: bold; color: #FFF; display: block; }
#assurfinance input { font-size: 16px; width: 190px; border: 2px solid #85b919; }
#assurfinance img { display: block; }