 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
 
 

 
 


 
 


/* ------------------ Univers ------------------ */
@font-face {font-family: "Univers47";
  src: url('/dealersite/fonts/univers_47/univers_47_condlight.eot');
  src: url('/dealersite/fonts/univers_47/univers_47_condlight.eot?#iefix') format('eot'),
       url('/dealersite/fonts/univers_47/univers_47_condlight.woff') format('woff'),
       url('/dealersite/fonts/univers_47/univers_47_condlight.ttf') format('truetype'),
       url('/dealersite/fonts/univers_47/univers_47_condlight.svg') format('svg');
}

@font-face {font-family: "Univers57";
  src: url('/dealersite/fonts/univers_57_condensed/univers_57_condensed.eot');
  src: url('/dealersite/fonts/univers_57_condensed/univers_57_condensed.eot?#iefix') format('eot'),
       url('/dealersite/fonts/univers_57_condensed/univers_57_condensed.woff') format('woff'),
       url('/dealersite/fonts/univers_57_condensed/univers_57_condensed.ttf') format('truetype'),
       url('/dealersite/fonts/univers_57_condensed/univers_57_condensed.svg') format('svg');
}

#headerLinks li a,
#headerInfos li a,
#mainNav li a,
h1, h2, h3,
#carCompare dt a,
div.businesshours .title,
a.sideBtn,
dl.service dd a {font-family: Univers57; font-weight: normal;}

body, td, p, ol, ul, li {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #7f7e7e;}
body {background: #050505 url(/img/global/bg.jpg) top center no-repeat; margin: 0; padding: 0; text-align: center; vertical-align: top;}
body.standalonebody {background: none;} /* utilisé pour le form de LivePerson quand ya pas d'agent online (peut évidemment être utilisé ailleurs au besoin) */

h1 {font-size: 18px; font-weight: bold; text-align: left; margin: 0 0 15px; padding: 0; color: #fff; text-transform: uppercase;}
h2 {font-size: 16px; font-weight: bold; text-align: left; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; font-weight: bold; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #bfbdbd; font-weight: normal; text-decoration: none;}
a:hover, a:focus, a:active {color: #9c0101; font-weight: normal; text-decoration: none;}
h1 a:link, h1 a:visited {color: #7f7e7e;}
h1 a:hover, h1 a:focus, h1 a:active {color: #bfbdbd;}

#homeBody h2 a:link, #homeBody h2 a:visited,
#homeBody dt a:link, #homeBody dt a:visited {color: #fff;}



a.copyr:link, a.copyr:visited, a.copyr:hover, a.copyr:focus, a.copyr:active,
p.copyr, p.copyr a:link, p.copyr a:visited, p.copyr a:hover, p.copyr a:focus, p.copyr a:active,
div.copyr a:link, div.copyr a:visited, div.copyr a:hover, div.copyr a:focus, div.copyr a:active {font-size: 10px;}

a img {border: none;}

.ie img {-ms-interpolation-mode: bicubic;}

sup {line-height: 0;}
hr {color: #121212; background-color: #121212; border: none; height: 1px; margin: 8px 0;} /* utilisé dans promos DMA */
div.text {text-align: justify;}
div.text p {line-height: 18px; margin: 0 0 10px 0; padding: 0;}
div.text p.last {margin-bottom: 0;}
div.text p.readmore {font-size: 10px; margin-bottom: 0;}
div.text p.copyr {font-size: 10px; line-height: 14px;}
div.text ul {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; line-height: 18px; padding: 0 0 0 10px; background: url(/img/global/bullet_round_red.png) 0 6px no-repeat;}
div.text dl {text-align: left; margin: 0; padding: 0;}
div.text dl.last {margin-bottom: 0;}
div.text dl dt {margin-bottom: 10px;}
div.text dl dd {list-style-type: none; line-height: 18px; padding: 0 0 0 10px; background: url(/img/global/bullet_round_red.png) 0 6px no-repeat;}
div.text ol {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 30px;}
div.text ol.last {margin-bottom: 0;}
div.text ol li {list-style-type: decimal; line-height: 18px; padding: 0; background: none;}
div.text a:link, div.text a:visited {border-bottom: 1px dotted #bfbdbd;}
div.text a:hover, div.text a:focus, div.text a:active {border-bottom: 1px solid #9c0101;}
div.text a:link, div.text a:visited,
div.text a:hover, div.text a:focus, div.text a:active {font-weight: normal;}
div.text a.bold:link, div.text a.bold:visited,
div.text a.bold:hover, div.text a.bold:focus, div.text a.bold:active {font-weight: bold;}
p.last {margin-bottom: 0;}


.norm {font-size: 12px;}
.title {font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none;}
.copyr {font-size: 10px; text-decoration: none;}
.form {font-size: 11px; color: #ffffff;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #770c0c; color: #ffffff; font-weight: bold;}
.subheader {background-color: #121212; color: #ffffff; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #ffffff; background-color: #770c0c;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #ffffff; background-color: #770c0c;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #ffffff; background-color: #770c0c;}
.alt1 {font-size: 12px; font-weight: bold; color: #ffffff; background-color: #0a0a0a;}
.alt2 {font-size: 12px; font-weight: bold; color: #ffffff; background-color: #121212;}
.menu {font-size: 12px; color: #ffffff; background-color: #121212;}

.emph {font-weight:bold;}
.caption {font: 10px Arial; color: #ffffff;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.fright {float: right;}
.fleft {float: left;}
.cright {clear: right;}
.cleft {clear: left;}
.cboth {clear: both;}
select.dpt {font-size: 10px; color:#000000;}
.dpt {font-size: 10px; color:#ffffff;}
.dp {font-size: 9px; color:#ffffff; font-weight: bold;}
.dps {font-size: 11px; color:#ffffff;}
.dpw {font-size: 10px; color:#ffffff; font-weight: bold;}
.dpwnb {font-size: 10px; color:#ffffff;}
.dpwnb1 {font-size: 10px; color:#ffffff; line-height: 115%;}
.dpb{font-size: 12px; color: #770c0c; font-weight: bold;}
.dpbw {font-size: 1px; color:#ffffff; font-weight: bold;}
.dpbws2 {font-size: 11px; color:#ffffff; font-weight: bold;}
.dpbws {font-size: 11px; color:#ffffff; font-weight: bold;}
.dpbws:link {font-size: 11px; color:#ffffff; font-weight: bold;}
.dpbws:visited {font-size: 11px; color:#ffffff; font-weight: bold;}
.dpbws:hover {font-size: 11px; color:#ffffff; font-weight: bold;}
.results-header {font-size: 11px; font-weight: bold; color: #ffffff; background-color: #770c0c;}
.results-body {font-size: 10px; color: #ffffff; background-color: #0a0a0a; }

TABLE.Specs              {border-spacing: 1px; margin: 0; padding: 0;}
TABLE.Specs TR.alt1      {background-color: #0a0a0a;}
TABLE.Specs TR.alt2      {background-color: #121212;}
TABLE.Specs TD.H1        {font-size: 18px; font-weight: bold; font-family: arial,sans-serif; padding: 2px;}
TABLE.Specs TD.title     {font-size: 18px; font-weight: bold; font-family: arial,sans-serif;}
TABLE.Specs TD.header    {background-color: #770c0c; color: #ffffff; font-weight: bold; border-top: 1px outset #ffffff; border-bottom: 1px outset #ffffff;}
TABLE.Specs TD.subheader {background-color: #121212; color: #ffffff; font-weight: bold;}
TABLE.Specs TD.elemTitle {font-weight: bold;}
TABLE.Specs TD.command   {background-color: #f7f7f7; border: 1px outset #333366; padding: 4px;}
TABLE.Specs A.selection  {font-family: arial,verdana,helvetica,sans-serif; font-size: 10px; font-weight: bold; padding: 2px;}
TABLE.Specs .dps         {font-size: 11px;}
TABLE.Specs .dpt         {font-size: 10px;}

TABLE.au TD.title        {font-size: 14px; color:#ffffff; font-weight: bold; background-color: #770c0c;}
TABLE.au TD.norm         {font-size: 12px; color:#ffffff; background-color: #121212;}


a.careerApplyLink:link, a.careerApplyLink:visited {color: #ffffff; text-decoration: none; font-size: 10px;}
a.careerApplyLink:hover, a.careerApplyLink:focus, a.careerApplyLink:active {color: #ffffff; text-decoration: underline; font-size: 10px;}

/* GLOBAL CLASSES */
ul.customlist {list-style: none; margin: 0; padding: 0;}
ul.customlist li {margin: 0; padding: 0;}
ul.customlist li.last {margin-right: 0 !important;}
ul.customlist li.nobullet {margin-right: 0 !important;}

dl.customlist {margin: 0; padding: 0;}
dl.customlist dt {margin: 20px 0 0 0; padding: 0;}
dl.customlist dt.first {margin-top: 0;}
dl.customlist dd {margin: 0; padding: 0 0 0 15px;}

ul.btnslist {list-style: none; overflow: hidden; margin: 0; padding: 0;}
ul.btnslist li {float: left; margin: 0 10px 0 0; padding: 0;}
ul.btnslist li.last {margin-right: 0 !important;}
ul.btnslist li a {display: block;}
ul.btnslist li img {display: block;}
.ie ul.btnslist {height: 1px; overflow: visible;}

div.businesshours {margin: 0 0 50px 0;}
div.businesshours .title {margin-bottom: 15px; color: #fff; text-transform: uppercase;}
div.businesshours p {margin: 0; padding: 0;}
div.businesshours p.title {font-size: 18px;}
div.businesshours p.subtitle {font-size: 12px; margin-top: 15px;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours p.subtitle a:link, div.businesshours p.subtitle a:visited {color: #7f7e7e;}
div.businesshours p.subtitle a:hover, div.businesshours p.subtitle a:focus, div.businesshours p.subtitle a:active {color: #bfbdbd;}
div.businesshours ul li {font-size: 12px; font-family: arial; margin: 4px 0; padding: 4px 0 4px 10px; background: url(/img/global/bullet_round_gray.png) 0 50% no-repeat;}
div.businesshours ul li.last {margin-bottom: 0;}
div.businesshours ul li.nobullet {background: none; margin: 0; padding: 0;}
div.businesshours ul li span {display: block; float: left; width: 75px;}

div.multicols {overflow: hidden;}
div.multicols div.item {float: left; margin-right: 20px;}
div.multicols div.itemLast {margin: 0;}
div.multicolsFixed div.item {width: 350px;}
.ie div.multicols {height: 1px; overflow: visible;}

.addmargin {margin-bottom: 30px;}

.wrapper {margin-bottom: 20px; overflow: hidden;}
.ie .wrapper {overflow: visible; height: 1px;}
.fancyBox {position: relative; padding: 14px 18px !important; text-align: left; border-radius:5px 5px 0 0;   /* IE6-9 */                background: #202020;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #202020 0%, #050505 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202020), color-stop(100%,#050505));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #202020 0%, #050505 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #202020 0%, #050505 100%);
    /* W3C */                  background: linear-gradient(top, #202020 0%, #050505 100%);
    /* IE6-9 */                _background-color: #202020; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#050505', GradientType=0);   -webkit-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    -ms-box-sizing:  border-box;
    box-sizing:  border-box;; height: 230px;}
.ie.fancyBox {height: 240px;}

dl.fancyDl {position: relative; display: block; float: right; margin-top: 20px; background-repeat: no-repeat; background-position: 0 0;}
dl.fancyDl dt {margin-top: 0; text-indent: -9999px; overflow: hidden;}
dl.fancyDl dd {position: absolute; bottom: 10px;}
dl.fancyDl dd a {display: block; width: 160px; padding: 2px; color: #fff; font-size: 15px; text-transform: uppercase; border-bottom: none;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   /* IE6-9 */                background: #191919;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #191919 0%, #282828 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191919), color-stop(100%,#282828));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #191919 0%, #282828 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #191919 0%, #282828 100%);
    /* W3C */                  background: linear-gradient(top, #191919 0%, #282828 100%);
    /* IE6-9 */                _background-color: #191919; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#282828', GradientType=0);}
dl.fancyDl dd a span {display: block; padding: 20px 30px 20px 10px;   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   /* IE6-9 */                background: #3c3a3b;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #3c3a3b 0%, #1f1f1f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3a3b), color-stop(100%,#1f1f1f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #3c3a3b 0%, #1f1f1f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #3c3a3b 0%, #1f1f1f 100%);
    /* W3C */                  background: linear-gradient(top, #3c3a3b 0%, #1f1f1f 100%);
    /* IE6-9 */                _background-color: #3c3a3b; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3a3b', endColorstr='#1f1f1f', GradientType=0);}
dl.fancyDl dd a span em {display: block; font-style: normal;}


/* MAIN LAYOUT */
#mainwrap {width: 980px; height: 100%; margin: 0 auto;}

#header {position: relative; z-index: 10; vertical-align: top;}

#sideBar {width: 266px; vertical-align: top;}
#sideBar .inner {width: 266px;}

#homeBody .lightBg {background: none;}
.lightBg {background-color: rgba(5, 5, 5, .9);}
.ie .lightBg {background-color: #050505;}

#content {position: relative; z-index: 9; width: 714px; height: 100%; padding: 0 15px 20px 0; vertical-align: top;}
#content.large {width: 980px;}
#homeBody #content {width: 980px; padding-right: 0;}

#footer {padding: 0 30px; text-align: center; vertical-align: top; background-color: #161616;}


/* HEADER */
#headerContent {position: relative; height: 155px;}

#mainLogo {position: absolute; top: 29px; left: 0; display: block; width: 255px; height: 66px; background: url(/img/global/menutop_logo.png) no-repeat 0 0; text-align: left; text-indent: -9999px; overflow: hidden;}

#headerInfos {position: absolute; top: 25px; left: 266px;}
#headerInfos p {margin: 0; padding: 0; color: #fff;}

#headerLinks {position: absolute; top: 30px; right: 0; z-index: 11;}
#headerLinks li {float: left; background: url(/img/global/bullet_round_red.png) 100% 50% no-repeat;}
#headerLinks li.last,
#headerLinks li:last-child {background-image: none;}
#headerLinks li a {float: left; padding: 0 20px 0 12px; font-size: 14px;}
#headerLinks li a:link, #headerLinks li a:visited {color: #9e9898;}
#headerLinks li a:hover, #headerLinks li a:focus, #headerLinks li a:active {color: #BD0026;}

#headerLinks li.last a,
#headerLinks li:last-child a {padding-right: 0;}

#headerLinks li a span.title {font-weight: normal; font-size: 14px; color: #9e9898;}
#headerLinks li .customtabsContent {display: none; position: absolute; top: 18px; right: 0; width: 175px; padding: 10px; background-color: rgba(0,0,0,.8);   -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;}
#headerLinks li .customtabsContent ul li {float: none; margin: 2px 0;}
#headerLinks li .customtabsContent ul li a:link, #headerLinks li .customtabsContent ul li a:active {color: #fff;}
#headerLinks li .customtabsContent ul li a:hover, #headerLinks li .customtabsContent ul li a:focus {color: #BD0026;}
#headerLinks li .customtabsContent .closebtn {position: absolute; top: 5px; right: -10px; z-index: 6;}
#headerLinks li .customtabsContent .closebtn a:link, #headerLinks li .customtabsContent .closebtn a:visited {color: #fff;}
#headerLinks li .customtabsContent .closebtn a:hover, #headerLinks li .customtabsContent .closebtn a:focus, #headerLinks li .customtabsContent .closebtn a:active {color: #BD0026;}
.ie #headerLinks li .customtabsContent {background-color: #000;}

#mainNav {position: absolute; top: 60px; left: 266px; width: 712px; z-index: 10; border: 1px solid #323232; border-radius: 0 0 5px 5px;   /* IE6-9 */                background: #1e1e1e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #1e1e1e 0%, #323232 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e1e), color-stop(100%,#323232));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #1e1e1e 0%, #323232 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #1e1e1e 0%, #323232 100%);
    /* W3C */                  background: linear-gradient(top, #1e1e1e 0%, #323232 100%);
    /* IE6-9 */                _background-color: #1e1e1e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e', endColorstr='#323232', GradientType=0);}
#mainNav li {position: relative; float: left; background: url(/img/global/menutop_separation.jpg) 100% 0% no-repeat;}
#mainNav li.last,
#mainNav li:last-child {background-image: none;}
#mainNav li a {float: left; padding: 17px 12px; font-size: 14px; text-shadow: 2px 3px 1px #000}
#mainNav li a:link, #mainNav li a:visited {color: #fff;}
#mainNav li a:hover, #mainNav li a:focus, #mainNav li a:active {color: #BD0026;}
.ie #mainNav {filter: none;}
.ie #mainNav li a {padding-left: 12px;}

.arrowUp {position: absolute !important; top: -15px; left: 15px; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(116, 27, 31, .95);}
.ie .arrowUp {top: -30px; border-bottom: 10px solid #741B1F;}

#mainNav li ul {position: absolute; top: 51px; left: 17px; display: none; width: 235px; padding: 0 30px; background-color: rgba(116, 27, 31, .95);   -webkit-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    -ms-box-sizing:  border-box;
    box-sizing:  border-box;}
#mainNav li ul li {display: block; float: none; margin: 5px 0; padding: 0; background-image: none;}
#mainNav li ul li:nth-child(2) {padding-top: 25px;}
#mainNav li ul li.last,
#mainNav li ul li:last-child {padding-bottom: 25px;}
#mainNav li ul li a {float: none; padding: 0;}
#mainNav li ul li a:link, #mainNav li ul li a:visited {color: #fff; text-shadow: none;}
#mainNav li ul li a:hover, #mainNav li ul li a:focus, #mainNav li ul li a:active {color: #7F7E7E;}
.ie #mainNav li ul {background-color: #741B1F;}

#mainNav li.last ul,
#mainNav li:last-child ul {left: inherit; right: 17px;}

#mainNav li.last ul .arrowUp,
#mainNav li:last-child ul .arrowUp {left: inherit; right: 15px;}


/* SIDEBAR */

a.sideBtn {display: block; width: 210px; margin-bottom: 65px; font-size: 18px; color: #fff; text-transform: uppercase; cursor: pointer;}
a.sideBtn span {display: block; width: 167px; height: 91px; margin-top: 15px; background-repeat: no-repeat; background-position: 0 0; border: 2px solid #353535;}
a.sideBtn span.roadTest {background-image: url(/img/global/bt_roadtest.jpg);}
a.sideBtn span.promosNew {background-image: url(/img/global/bt_promo.jpg);}

/* HOME */
#homeBody div.multicolsFixed div.item {width: 480px;}

#homePromos {width: 255px; float: left;}
#homePromos h2 {margin-top: 0; text-transform: uppercase;}

p.noPromo {text-align: left;}
img.noPromo {float: left;}

#banner {position: relative; width: 712px; height: 309px; float: right; z-index: 9; background: url(/img/global/home_civic_02.png) 100% 0 no-repeat; text-align: left;}
#banner .modelTitle {position: absolute; left: 0; top: 0; display: block; width: 217px; height: 112px; background: url(/img/en/home_civic_01.jpg) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;}
#banner .modelDesc {position: absolute; left: 0; top: 125px; width: 217px; color: #fff;}

#homeUsed {width: 648px; float: left;}
#homeUsed h2 {margin-top: 0; text-transform: uppercase;}
#homeUsed li.usedfeatVeh {position: relative; float: left; border: 3px solid #000; margin-right: 38px;}
#homeUsed li.usedfeatVeh.last,
#homeUsed li.usedfeatVeh:last-child {margin-right: 0;}
#homeUsed li.usedfeatVeh .usedfeatVehImg img {display: block; width: 172px; height: 127px;}
#homeUsed li.usedfeatVeh .usedfeatVehName,
#homeUsed li.usedfeatVeh .usedfeatVehPrice {position: absolute; display: block; width: 172px; padding: 2px 10px; background-color: rgba(46, 46, 48, .8); color: #fff; font-weight: bold;   -webkit-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    -ms-box-sizing:  border-box;
    box-sizing:  border-box;}
#homeUsed li.usedfeatVeh .usedfeatVehName {bottom: 19px;}
#homeUsed li.usedfeatVeh .usedfeatVehName a:link, #homeUsed li.usedfeatVeh .usedfeatVehName a:visited {color: #fff;}
#homeUsed li.usedfeatVeh .usedfeatVehName a:hover, #homeUsed li.usedfeatVeh .usedfeatVehName a:focus, #homeUsed li.usedfeatVeh .usedfeatVehName a:active {color: #bfbdbd;}
#homeUsed li.usedfeatVeh .usedfeatVehPrice {bottom: 0;}
.ie #homeUsed li.usedfeatVeh .usedfeatVehName,
.ie #homeUsed li.usedfeatVeh .usedfeatVehPrice {background-color: #2e2e2e;}

#homeUsed .usedFeatTabs {position: absolute; top: 14px; right: 0px;}
#homeUsed .usedFeatTabs .item {float: left; margin-right: 10px;}
#homeUsed .usedFeatTabs .item .customTabsContent {display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*filtre - debut*/

.ie div.usedfeatContent {border-right: 3px #CCC solid;}
.ie #homeUsed div.usedfeatContentEnd {border-right: none;}
.ie #homeUsed div.usedfeatContent ul.usedfeatList {padding: 0;}
.ie #homeUsed div.usedfeatContent ul.usedfeatList li.usedfeatVeh {height: 162px; margin-right: 8px; border: 1px #D5D5D5 solid;}
.ie #homeUsed div.usedfeatArrows a span {left: 6px; cursor: pointer; width: 17px; height: 17px; border-width: 1px;}
.ie #homeUsed div.off {filter: alpha(opacity=50);}
.ie #homeUsed div.off a span {cursor: default;}

div.customTabsContent div.closebtn a, div.customTabsContent div.closebtn a span, div.customTabsContent p.customtabsMore a, div.customTabsContent ul.customlist li a { font-size: 10px;}

div.customTabsContent {position: absolute; right: 0px; Top: 20px; z-index: 10; width: 300px; background-color: rgba(0,0,0,.8); padding: 10px;}
.ie div.customTabsContent {background: url('/img/global/bg-filtre.png');}
div.customtabsContent ul {float: left; max-width: 140px; margin: 0 20px 10px 0;}
div.customtabsContent ul li span.usedfeatTabsCnt {font-size: 10px;}
.ie div.customtabsContent {width: 353px;}
div.customTabsContent div.closebtn{ position: absolute; top: 0px; right: 0px;}
div.title a span.title{ font-weight: 100; font-size: 12px;}
div.customTabsContent p.customtabsMore{ margin-top: 171px; border-top: solid 4px;}
.ie div.customTabsContent p.customtabsMore{ margin-top: 185px;}
.ie div#homeUsed.fancyBox ul.customlist li.usedfeatVeh ul.usedfeatVehInfo li a.usedfeatVehImg img { margin:-10px 0 10px 0px;}

/*filtre - fin*/


#homeNews {width: 317px; float: right;}
#homeNews dt {margin: 0 0 10px; font-size: 16px; text-transform: uppercase;}
#homeNews dt a:link, #homeNews dt a:visited{color: #fff;}
#homeNews dd {margin: 0; padding: 0;}
#homeNews dd a {color: #656565; font-weight: bold;}
#homeNews dd a span {text-decoration: underline;}
#homeNews dd a img {display: block; margin-top: 15px;}
#homeNews img.homeNewsLogo {position: absolute ; top: 100px; right: 35px;}

#carCompare {display: block; width: 967px; height: 193px; background: url(/img/global/home_compare_bg.jpg) 0 0 no-repeat; text-align: left; overflow: hidden;}
#carCompare dt a {color: #fff; font-size: 18px; text-transform: uppercase;}
#carCompare dd {display: block; float: left; margin: 50px 0 0 0; padding: 0 12px; background-repeat: no-repeat; background-position: 0 0; line-height: 215px; text-align: center;}
#carCompare dd:hover {background-position: 0 2px;}
#carCompare dd a {color: #fff;}

#carCompare dd.passenger {width: 196px; height: 81px; background-image: url(/img/global/home_compare_car.png);}
#carCompare dd.suv {width: 218px; height: 87px; background-image: url(/img/global/home_compare_suv.png);}
#carCompare dd.van {width: 223px; height: 84px; background-image: url(/img/global/home_compare_minivans.png);}
#carCompare dd.truck {width: 229px; height: 87px; background-image: url(/img/global/home_compare_truck.png);}

.ie #carCompare {overflow: visible; height: 1px;}

/* NEW CARS */
#newListing {width: 699px;}
#newListing td a img {  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}

/* USED CARS */
#cartableright, #cardetails {width: 355px !important;}

/* SERVICE */
dl.service {width: 438px; height: 213px; background-image: url(/img/global/service_bt_bg.jpg);}
dl.service dd {background-image: none !important;}
dl.service dd a {border-bottom: none !important;}
dl.service dd.appoint {left: 0;}
dl.service dd.maintenance {right: 0;}

/* PARTS */
.text.parts {position: relative; z-index: 10;}
dl.parts {position: relative; top: -120px; width: 477px; z-index: 9; height: 308px; background-image: url(/img/en/parts_bt_order.png);}
dl.parts dd {background-image: none !important;}
dl.parts dd a {border-bottom: none !important;}
dl.parts dd.partsOrder {right: 0;}

.parts p.last,
.parts p:last-child {padding-right: 270px;}

/* BODY SHOP */
dl.dl dt {margin-top: 0; text-indent: -9999px; overflow: hidden;}
dl.dl dd {position: relative; display: block; width: 214px; height: 130px; float: left; margin: 0 6px 50px 0; background-repeat: no-repeat; background-position: 0 0; text-align: left;}
dl.dl dd a {position: absolute; right: 0; bottom: -25px; display: block; width: 160px; padding: 2px; color: #fff; font-size: 15px; text-transform: uppercase;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   /* IE6-9 */                background: #191919;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #191919 0%, #282828 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191919), color-stop(100%,#282828));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #191919 0%, #282828 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #191919 0%, #282828 100%);
    /* W3C */                  background: linear-gradient(top, #191919 0%, #282828 100%);
    /* IE6-9 */                _background-color: #191919; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#282828', GradientType=0);}
dl.dl dd a span {display: block; padding: 10px 30px 10px 10px;   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   /* IE6-9 */                background: #3c3a3b;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #3c3a3b 0%, #1f1f1f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3a3b), color-stop(100%,#1f1f1f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #3c3a3b 0%, #1f1f1f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #3c3a3b 0%, #1f1f1f 100%);
    /* W3C */                  background: linear-gradient(top, #3c3a3b 0%, #1f1f1f 100%);
    /* IE6-9 */                _background-color: #3c3a3b; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3a3b', endColorstr='#1f1f1f', GradientType=0);}
dl.dl dd a span em {display: block; font-style: normal;}

/* ONLINE REQUESTS */
dl.onlineRequests dd:nth-child(3n+1) {margin-right: 0;}
dl.onlineRequests dd.quote { background-image: url(/img/global/request_pricequote.jpg);}
dl.onlineRequests dd.search { background-image: url(/img/global/request_search.jpg);}
dl.onlineRequests dd.partsOrder { background-image: url(/img/global/request_parts.jpg);}
dl.onlineRequests dd.credit { background-image: url(/img/global/request_credit.jpg);}
dl.onlineRequests dd.appoint{ background-image: url(/img/global/request_appointment.jpg);}
dl.onlineRequests dd.express { background-image: url(/img/global/request_info.jpg);}
dl.onlineRequests dd.contact { background-image: url(/img/global/request_contact.jpg);}
dl.onlineRequests dd.roadtest { background-image: url(/img/global/request_rodtests.jpg);}

/* COMPARE */

/* PROMOS */
div#dlrsautolist h2, div#dlrsautolist h3 {border-bottom: 1px solid #3f3e3e !important;}

/* CONTACT */
#map {display: block; width: 699px; height: 262px; margin-bottom: 15px; background: url(/img/global/map.jpg) 0 0 no-repeat; text-align: left; text-indent: -9999px; overflow: hidden;}

/* FOOTER */
#footer dl {width: 230px; float: left; text-align: left;}
#footer dl dt {margin: 30px 0 15px; text-transform: uppercase;}
#footer dl dd {margin: 0; padding: 0;}

#footer dl.vcard, #footer dl.legal {width: 450px; float: right;}



/* SITE MAP */
#sitemap {font-size: 11px; text-align: left; overflow: hidden; padding: 15px;}
#sitemap a:link, #sitemap a:visited {color: #7f7e7e; font-weight: normal;}
#sitemap a:hover, #sitemap a:focus, #sitemap a:active {color: #bfbdbd; font-weight: normal;}
#sitemap ul {overflow: hidden; margin: 0 0 20px 0; padding: 0; list-style-type: none;}
#sitemap ul li {float: left; font-size: 11px; margin: 0 10px 0 0; padding: 0 10px 0 0;}
#sitemap ul li.last {margin-right: 0; padding-right: 0; border-right: none;}
#sitemap ul li a:link, #sitemap ul li a:visited,
#sitemap ul li a:hover, #sitemap ul li a:focus, #sitemap ul li a:active {font-weight: bold;}
#sitemap dl {margin: 0; padding: 0;}
#sitemap dl.item {float: left; margin: 0 170px 0 0;}
#sitemap dl.itemLast {margin-right: 0;}
#sitemap dl dt {margin: 20px 0 0 0; padding: 0;}
#sitemap dl dt.first {margin-top: 0;}
#sitemap dl dt a:link, #sitemap dl dt a:visited,
#sitemap dl dt a:hover, #sitemap dl dt a:focus, #sitemap dl dt a:active {font-weight: bold;}
#sitemap dl dd {margin: 0; padding: 0 0 0 15px;}
#sitemap dl dd dl {margin-bottom: 5px;}
#sitemap dl dd dl dt {margin-top: 5px;}
.ie #sitemap,
.ie #sitemap ul {height: 1px; overflow: visible;}




